Mam prosty kodzik HTML:

[HTML] pobierz, plaintext 
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#E8E5E5">
    <tr>
        <td>
		    <table cellpadding="0" cellspacing="0" bgcolor="#DCDBDB" style="margin-top:20px; margin-bottom:20px; margin-left:20px; margin-right:20px;" width="100%">
                <tr>
                    <td>
 
                        <p>&nbsp;</p>
                    </td>
                </tr>
                <tr>
                    <td height="24">&nbsp;</td>
                </tr>
                <tr>
                    <td height="13">&nbsp;</td>
                </tr>
                <tr>
                    <td height="42">&nbsp;</td>
                </tr>
                <tr>
                    <td height="27">&nbsp;</td>
                </tr>
            </table>
        </td>
    </tr>
</table>
[HTML] pobierz, plaintext 

Problem polega na tym ze w FireFoxie wyswietla sie tak jak tego oczekuje, ale w IE 6.0 i starszych prawa strona child table jest ucinana (wyglada tak jak by ramka [child] byla przesunieta, czyli policzone 100% i przesuniete o 20 px, jej rozmiar nie jest dopasowany).

Czy ktos mogl by mi powiedziec dlaczego?
Czy cos robie nie tak czy to moze wina przegladarki?

[HTML] pobierz, plaintext 
<table cellpadding="0" cellspacing="0" width="100%" bgcolor="#E8E5E5">
<tr>
<td style="margin:20px;">
<table cellpadding="0" cellspacing="0" bgcolor="#DCDBDB" width="100%">
<tr>
<td>
 
<p>&nbsp;</p>
</td>
</tr>
<tr>
<td height="24">&nbsp;</td>
</tr>
<tr>
<td height="13">&nbsp;</td>
</tr>
<tr>
<td height="42">&nbsp;</td>
</tr>
<tr>
<td height="27">&nbsp;</td>
</tr>
</table>
</td>
</tr>
[HTML] pobierz, plaintext 

Niestety to co podales powoduje iz jedna tabela przykrywa 2 :] (testowane na FF i IE)