[HTML] Zdumiewający problem z marginesami w przeglądarkach, IE, Opera, FF Opcje

[The Night Shadow]

Popadłem w nie lada zdumienie zauważając taki oto problem. Mam tabelkę z wyrównywaniem do prawej. W niej dwie tabele (kod poniżej), z których każda ma być umieszczona w odległości 2px od prawej krawędzi tabeli zewnętrznej.

[HTML] pobierz, plaintext 
<table style="background-image: url('sound/top10.gif'); width: 200px; height: 58px; margin-right: 2px;" cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td >
 
        </td>
        </tr>
</table>
<table style="background-image: url('sound/top_dol.gif'); width: 184px; height: 41px; margin-right: 2px;" cellspacing="0" cellpadding="0" border="0">
    <tr>
        <td align="right" valign="top">
 
        </td>
    </tr>
</table>
[HTML] pobierz, plaintext 

Każda z tabelek ma swoje tło. Dolna jest dolną częścią większego obrazka.

Pierwsza tabela ustawia się prawidłowo w odległości 2px od prawej krawędzi strony.
Druga tabela po ustawieniu margin-right również ustawia się w odległości 2px od prawej krawędzi ekranu, ale tylko w Operze oraz FF. W IE natomiast jest tam około 4px odstępu.

W momencie kiedy margin-right ustawiam na 0px; W IE jest wszystko w porządku natomiast w Operze oraz FF obrazek jest o 2 px za blisko krawędzi strony.

I tu moje pytanie. Jakim cudem w dolnej tabelce IE dodaje jakieś zbędne 2px marginesu, gdy każę mu ustawić tylko 2px?