Images Alignment on Page problem. HELP

[leeuniverse]

This is what it looks like in IE.



I've seen this before years ago, but I'm just now getting back into developing.
I've tried all I remember, things like "Left, Top, 0'ing out" all the images and Tables affiliated.

Note: I was able to align the Events Button snug, and also the Flower, but the other's won't go snug.
And here's where it can be looked at. http://www.leeuniverse.org/mission.html

Here's some code.

<td width="0" height="0" align="left" valign="top"><a href="#"
onmouseover="window.status='Directors'; changeImages('Directors', 'images/Directors-over.gif'); return true;"
onmouseout="window.status=''; changeImages('Directors', 'images/Directors.gif'); return true;"
onmousedown="changeImages('Directors', 'images/Directors-over.gif'); return true;"
onmouseup="changeImages('Directors', 'images/Directors-over.gif'); return true;"> <img src="images/Directors.gif" alt="Directors" name="Directors" width="213" height="29" hspace="0" vspace="0" border="0" id="Directors" /></a></td>
<td><img src="images/spacer.gif" width="1" height="29" alt="" /></td>

Thanks..... It's an emergency also. On a timeline.