Home › Forums › CSS › [Solved] Nav Bar Breaks in Firefox, but not in safari… › Re: [Solved] Nav Bar Breaks in Firefox, but not in safari…
I am no CSS expert. I just looked at the #NavBarContainer in both pages and compared. I tested this with Firebug and it rendered like you wanted.
On the broken page you have this:
<div id="NavBarContainer">
<font face="Arial, Helvetica" size="-1"> </font><ul id="MenuBar1" class="MenuBarHorizontal MenuBarActive">
<font face="Arial, Helvetica" size="-1"> <li><font-family: trebuchet="" ms="" ,="" verdana,="" arial,="" helvetica,="" sans-serif=""></font-family:></li></font><a class="MenuBarItemSubmenu" href="#">Products</a>
On the unbroken page you have this:
<div id="NavBarContainer">
<ul id="MenuBar1" class="MenuBarHorizontal MenuBarActive">
<li><a class="MenuBarItemSubmenu" href="#">Products</a>
So if you remove the font tag on both lines you should correct this bug. I tested it in Firefox 3.5.6 and it worked.
I hope this helps.