Try removing all the
tags in the code. Sometimes a
<br /> after an image also sorts out gaps in Table layouts. Don't ask me why
. Also try to avoid rowspan and colspan as it usually creates gap problems. Wrap everything inside tables instead. Make sure they all have cellpadding="0" and cellspacing="0".
I.E:
<table cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
Instead of:
<table cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td ="colspan="3"></td>
</tr>
</table>
Ideally you should stay fra away from tables and DW. But if you're just doing this one site it's a bit much to learn XHTML/CSS just for that.
Hope that helps.