image not aligning right, please help.

i'm helping someone fix a layout they have & everything is working except that i can't get the one image to align properly. could someone please help?

layout screenshot (http://www.maj.com/gallery/Rika24/banner/imagelayout.gif)

here is the coding for that area:

<div id="overall" style="position: absolute; left: 0px; top: 0px; z-index: 0; overflow: visible;">

<table width=780 border=0 cellpadding=0 cellspacing=0>

<tr>
<td rowspan=2><img src="images/index_01.jpg" width="223" height="155"></td>
<td><img src="images/index_02.jpg" width="374" height="154"></td>
<td><img src="images/index_03.jpg" width="183" height="154"></td>
<td><img src="images/spacer.gif" width="1" height="154"></td>
</tr>
<tr>
<td rowspan=2><img src="images/index_04.jpg" width="374" height="32"></td>
<td rowspan=4><img src="images/index_05.jpg" width="183" height="155"></td>
<td><img src="images/spacer.gif" width=1 height=1></td>
</tr>
<tr>
<td rowspan=2><img src="images/index_06.jpg" width="223" height="76"></td>
<td><img src="images/spacer.gif" width=1 height=31></td>
</tr>
<tr>
<td rowspan=2><img src="images/index_07.jpg" width="355" height="56"></td>
<td><img src="images/spacer.gif" width="1" height="45"></td>
</tr>
<tr>
<td><img src="images/index_08.jpg" width="223" height="78"></td>
<td><img src="images/spacer.gif" width="1" height="78"></td>
</tr>
</table>
</div>

Could not open the page, but if you put a temporary border and numbers for each of the cells, you will see where the problem lies. I think it may be because the total width of your images per row is larger than the total width of the table itself.

maybe you should try using css divs, they are easier t manage and stuff...learn up on em. tables are now obsolete :0! replace your tables with css divs.