In Firefox my images used in a bbcode show fine like below

However in Chrome it shows wrong like below
The BBCode I'm using is
Code:
<center><table border="0" cellpadding="0" style="border-collapse: collapse" width="266">
<tr>
<td width="266" colspan="2">
<img src="/images/alert/wartop.gif" width="461" height="8"></td>
</tr>
<tr background="/images/alert/warmid.gif">
<td height="24" width="30" align="right" valign="top"><div style="margin-left: 6px; margin-right: 0px;">
<img src="/images/alert/waradm.gif" width="31" height="31"></td>
<td height="25" width="433">
<div style="margin-left: 3px; margin-right: 4px;">
<font face="Ubuntu" size="4"><b><font color="#EE0000">
Administrator Notice </font></b><br><font color="#666666"><font face="Ubuntu" size="1">{param}</font>
</div></td>
</tr>
<tr>
<td height="9" width="266" colspan="2">
<img src="/images/alert/warbot.gif" width="461" height="9"></td>
</tr>
</table>
</center>
Any ideas how to sort this?