Please Help!!

I cannot get the bar at the bottom to push up to meet the rest of the images. It leaves this black gap in between.


Heres THE LINK

Instead of making it a separate table, just add another row to the bottom of your other table, and put that graphic in it. You may have to do some cell spans or something to make it all one cell, but that should fix it.

Copy and paste this into your code.
I made the middle and bottom tables, one table and added a colspan=2 to the last TR.

<table width="900" border="0" cellspacing="0" cellpadding="0" align="center" height="253">
<tr>
<td height="19"><img src="images/trans.gif" width="32" height="40"></td>
<tr>
<td valign="top" height="234"><img src="images/topbar.jpg" width="900" height="20"><br>
<a href="index.html"><img src="images/thejooce1.jpg" border="0" width="700" height="200"><img src="images/toprightblock.jpg" border="0" width="200" height="200"></a><br>
<img src="images/middlebar.jpg" width="900" height="15"></td>
</tr>
</table>
<table width="900" border="0" cellspacing="0" cellpadding="0" align="center" height="87">
<tr valign="top">
<td width="300" height="87"><img src="images/blankbutton.jpg" width="300" height="25" frameborder="0"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news','','images/newsbutton_1.jpg',1)"><img src="images/newsbutton.jpg" name="news" width="300" height="25" frameborder="0" border="0"></a><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('info','','images/aboutbutton_1.jpg',1)"><img src="images/aboutbutton.jpg" name="info" width="300" height="25" frameborder="0" border="0"></a><a href="photos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('photos','','images/photosbutton_1.jpg',1)"><img src="images/photosbutton.jpg" name="photos" width="300" height="25" frameborder="0" border="0"></a><a href="links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('links','','images/linksbutton_1.jpg',1)"><img src="images/linksbutton.jpg" name="links" width="300" height="25" frameborder="0" border="0"></a><img src="images/blankbutton.jpg" width="300" height="25" frameborder="0"><img src="images/blankbutton.jpg" width="300" height="25" frameborder="0"><img src="images/blankbutton.jpg" width="300" height="25" frameborder="0"><img src="images/blankbutton.jpg" width="300" height="25" frameborder="0"><img src="images/blankbutton.jpg" width="300" height="25" frameborder="0"></td>
<td width="600" height="87"><iframe src="news.html" width="600" height="250" frameborder="0">
<p align="center"><a href="news.html"><br>
</a></p>
</iframe></td>
</tr>
<tr>
<td colspan=2><img src="images/bottombar.jpg" width="900" height="15" border="0"></td>
</tr>
</table>