strange problem with image in td cell

I am building a table, 4 cells - lef- most cell menu, then image, then
body then right-most cell image.Problem is the images, which show a
thick line at the bottom of the cell, but isn't part of the original
image. The code looks like this:
-----------
<table bgcolor="#fff200" summary="" width="100%" align="center"
border="1" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#ffffff" valign="top">
Menu option 1
<br />Menu option 2
<br />Menu option 3
<br />Menu option 4
<br />Menu option 5
</td>
<td><img src="sidebar1.gif" width="37" height="350" alt="sidebar gif,
not important"></td>
<td bgcolor="#fff200">This is the main body area of the web page,
replace it with the text and images desired.
</td>
<td><img src="sidebar1upsidedown.gif" width="37" height="350"
alt="sidebar gif, not important"></td>
</tr>
</table>
-----------
I thought there was an errant space at the bottom of the cell, but
viewing the code there isn't any. I turned on the border to make viewing
it more obvious. 

Maybe someone can look at the page, save the images to disk, look at the
images, and come up with a reason for the bar at the bottom of the
cells. The page url is http://66.114.152.128/awana.php

Thanks,
Chip W
chip(at)wiegand.org
www.wiegand.org

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA