I am trying to create a header for my site - http://www.pulsetoday.com/forums . Now, here's my problem -

when I see it in FireFox , I get this -

But , it should look like [ as it looks like in IE! ]

Now - Here's the code I am using -

HTML Code:
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="250" height="22" bgcolor="#FFFFFF" align="right" class="tabs-menu">

   <td><p align="left"><font face="Verdana">&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.pulsetoday.com/" ><b>Articles</b></a>&nbsp; <font color="#800000">
     <b>|</b></font> &nbsp; <a href="http://www.pulsetoday.com/forums"><b>Forums</b></a>&nbsp; <font color="#800000">
     <b>|</b></font> &nbsp; <a href="http://blog.pulsetoday.com"><b>Blog</b></a>&nbsp;  </td>


This is the CSS -

.tabs-menu { background:url(http://www.pulsetoday.com/forums/images/bg-tabs.gif) no-repeat left top; }


Any Idea what's causing the problem