border-collapse

Zdravím,
mám tabulku s nastavením border-collapse: collapse; border: 1px solid black. Tato tabulka má tedy mít kolem dokola rámeček. Uvnitř tabulky jsou buňky, které mají také nastavený border: 1px solid red. V IE vypadá vše ok, kolem tabulky je rámeček, buňky jsou od sebe odděleny 1px rámečkem, krajní buňky tabulky nemají u příslušného kraje svůj červený rámeček, ale černý rámeček tabulky.

Ve Firefoxu ale právě červený rámeček přebije černý rámeček kolem tabulky. Jak docílit ve Firefoxu stejného vzhledu jako v IE?

<table style="border-collapse: collapse; border: 1px solid black;" width="100%">
<tr>
<td style="border: 1px solid red;">1</td>
<td style="border: 1px solid red;">2</td>
</tr>
<tr>
<td style="border: 1px solid red;">3</td>
<td style="border: 1px solid red;">4</td>
</tr>
</table>