navbar appears different in browsers

[amagab]

Can someone tell me why this navbar code shows up properly in Safari but not in Firefox and IE when placed in header:

<div align="center">
<table class="tborder" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
</td>


<td class="mainmenu"><a href="usercp.php">User CP</a></td>


<td class="mainmenu"><a href="faq.php" accesskey="5">FAQ</a></td>
<td class="mainmenu"><a href="memberlist.php">Members List</a></td>

<td class="mainmenu"><a href="calendar.php">Calendar</a></td>



<td class="mainmenu"><a href="search.php?do=getnew" accesskey="2">New Posts</a></td>

<td id="navbar_search" class="mainmenu"><a href="search.php" accesskey="4" rel="nofollow">Search</a> <script type="text/javascript"> vbmenu_register("navbar_search"); </script></td>


<td id="usercptools" class="mainmenu"><a href="/forums/?nojs=1#usercptools">Quick Links</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>



<td class="mainmenu"><a href="http://www.mydomain.com/logout" >Log Out</a></td>


</td>
</tr>
</table>
</div>

I have the mainmenu class defined in my css.

[nexialys]

simple:

<tr align="center">
</td>

remove the </td>

same at the bottom...

Safari drop these wrong codes, but FF and IE process them... Safari have a logical html parser, not the others.

[RLShare]

There is also an extra </td> at the closing of </tr>

[amagab]

I removed the two </td> and the font changed but the menu background image is still not showing in FF and IE but it is in Safari. Any other changes needed?

Thanks for your help.

--------------- Added 1218523510 at 1218523510 ---------------

I figured it out. There was an error in the CSS.

Thanks!