Tables Problem

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?