Tables Problem

[Ferghal]

Im a having a problem with my tables, the content to the left of my tables push the tables down so there are big gaps between the images..

View: http://www.ferghal.com/beta51.php

This is the HTML I am using, since Im no good with CSS..


<td colspan="7" valign="top" background="images/v12/right_bg.gif">
<img src="images/v12/beta51_16.gif" width="219" height="23" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2" valign="top" bgcolor="#EAEAEA">
<img src="images/v12/beta51_17.gif" width="43" height="222" alt=""></td>
<td width="139" height="151" colspan="3" valign="top" bgcolor="#000000" class="main style1"></td>
<td colspan="2" rowspan="2" valign="top" bgcolor="#EAEAEA">
<img src="images/v12/beta51_19.gif" width="37" height="222" alt=""></td>
</tr>
<tr>
<td colspan="3" valign="top" bgcolor="#EAEAEA">
<img src="images/v12/beta51_20.gif" width="139" height="71" alt=""></td>
</tr>
<tr>
<td width="23" height="168" valign="top" bgcolor="#EAEAEA">&nbsp; </td>
<td width="176" height="168" colspan="5" valign="top" bgcolor="#EAEAEA"></td>
<td width="20" height="168" valign="top" bgcolor="#EAEAEA">&nbsp; </td>

Does anyone know how to prevent this?

[Abus]

Hey mate,

I have checked the webpage you have mentioned but everything looks fine there are no big gaps??

[real_illusions]

theres a bit of a difference between firefox and explorer with the black image thingy on the right.

in explorer, theres a gap between the image and the top of the bacl bg. in firefox, no such gap.

you haven't put in the <table> tag in your code.

have you put in
<table cellpadding="0" cellspacing="0">

?? if you haven't, see if that makes any difference.