Problem med colspan(?) i Internet Explorer og FireFox.

Hej,
Jeg sidder og bøvler med nogle tabelopsætning og det er egentlig meget simpel HTML kode. Når jeg kører det i Google Chrome så gør det præcis det jeg regner med, men når jeg køre det i FireFox og Internet Explorer giver det nogle mærkelige resultater.

Jeg har prøvet alle mulige varianter og jeg har ikke flere skud i bøssen - så jeg håber der er nogen der kan hjælpe ;)

Her er screenshots af, hvordan det opfører sig i de forskellige browsere: http://cle.dk/colspan/colspan.jpg
- som sagt så virker det som det skal i Chrome.

Og her er den kode jeg bruger:
<table width="350">
<tr>
<td rowspan="2" width="50" height="50" style="background-color: transparent; vertical-align: top;"><img height="50" width="50" src="manatee.jpg" /></td>
<td height="22" colspan="2" class="farvet" style="vertical-align: middle;"><b>Fra:</b> Thomas</td>
</tr>
<tr class="farvet">
<td height="22" colspan="2" style="vertical-align: middle;"><b>Sendt:</b> I dag kl. 20:00:00</td>
</tr>
<tr class="farvet">
<td height="22" colspan="2" style="vertical-align: middle;"><b>Emne:</b> Test-besked</td>
<td height="22" width="20" style="text-align: right;"><img height="20" width="20" src="manatee.jpg" /></td>
</tr>
<tr>
<td colspan="3"><table width="100%"><tr><td width="10"></td><td class="nyhedsfelt">TEKST TEKST TEKST TEKST TEKST TEKST TEKST !</td></tr></table></td>
</tr>
<tr class="farvet">
<td colspan="3"><span class="lillefed">Svar</span></td>
</tr>
</table>

Nogen der kan forklare, hvorfor det opfører sig så forskelligt og hvad jeg skal gøre for at løse det?