Hello, all!

I am having a problem with my site's navigation menu. The navigation menu is located here.

In Mozilla Firefox, the navigation menu looks like this screenshot:
http://www.sarniadaily.com/webmastertalk/firefox.jpg

In Internet Explorer, the navigation menu looks like this screenshot:
http://www.sarniadaily.com/webmastertalk/ie.png

The difference is, in IE there are two white spaces between the black bars and the buttons. I like it better with no white bars.

I am wondering how I can alter my coding for the navigation menu, so the Internet Explorer version looks the same as the Firefox version.

Here is my code for the navigation bars:

<tr>
<td VALIGN=TOP><img SRC="/images/bar.jpg" height=11 width=100% align=ABSCENTER></td>
</tr>
<!-- =============================== BEGIN NAVBAR ================================ -->
<table width=100% cellpadding=0 cellspacing=0 border=0 height=10>
<tr >
<!-- LINK 1 -->
<td width=12% class=l5a onmouseout="this.className='l5a';">
&nbsp;
<a href="/index.htm"><font color="#ffffff"><b>Home</b></font></a>
</td>
<!-- LINK 2 -->

<td width=12% class=l5a onmouseout="this.className='l5a';">
&nbsp;<a href="/calendar.htm"><b><font color="#ffffff"><b>Local Events</b></font></b></a></td>

<a href="link2.html"><td width=12% class=l5a onmouseout="this.className='l5a';">
<font color="#ffffff"><b>Directory</b></font></td></a>


<!-- LINK 3 -->
<td width=12% class=l5a onmouseout="this.className='l5a';">
&nbsp;<a href="/weather.htm"><b><font color="#ffffff"><b>Weather</b></font></b></td></a>

<!-- LINK 4 -->
<td width=12% class=l5a onmouseout="this.className='l5a';">
&nbsp;<a href="http://sarniadaily.com/forums/forumdisplay.php?fid=15"><b><font color="#ffffff"><b>Sports</b></font></b></a></td>

<a href="link2.html"><td width=12% class=l5a onmouseout="this.className='l5a';">
<font color="#ffffff"><b>World</b></font></td></a>



<a href="link2.html"><td width=12% class=l5a onmouseout="this.className='l5a';">
<font color="#ffffff"><b>Site Map</b></font></td></a>



<td class=c2 >&nbsp;</td></tr></table>
<!-- =============================== END NAVBAR ================================ -->
<tr>
<td VALIGN=TOP><img SRC="/images/bar.jpg" height=11 width=100% align=ABSCENTER></td>

</tr>

Thanks in advance!

On big mistake is that you have <a ...><td>...</td></a> this is wrong. Also don't have spaces in your code at all between the <td> and </td> tags. By having these spaces in your code IE will create some spaces as well fix these things and post your code again.

Thanks!