I have a couple of graphic images for a menu bar that are aligning fine in Firefox and Mozilla, but in IE there is space between them and the adjoining table cells that use a backgrou nd CSS image. The table code is listed below. Can anyone tell me what might be the issue? Thank you.
<table width="583" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17"><img src="../images/topnav_left.gif" alt="" width="17" height="30" border="0" align="left" /></td>
<td width="656">
<table border="0" cellpadding="0" cellspacing="0" id="nav">
<tr>
<td>
<a href="default.asp">Home</a>
</td>
</tr>
</table>
</td>
<td width="16"><img src="../images/topnav_right.gif" alt="" width="16" height="30" align="right" /></td>
</tr>
</table>
<table width="583" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17"><img src="../images/topnav_left.gif" alt="" width="17" height="30" border="0" align="left" /></td>
<td width="656">
<table border="0" cellpadding="0" cellspacing="0" id="nav">
<tr>
<td>
<a href="default.asp">Home</a>
</td>
</tr>
</table>
</td>
<td width="16"><img src="../images/topnav_right.gif" alt="" width="16" height="30" align="right" /></td>
</tr>
</table>