Hi Folks,
I looked through some of the threads and only seem to find the opposite problem of mine. What I'm experiencing is that my menu almost displays as expected in IE 7 but not in FireFox or Chrome. What is happening is that the background seems to appear for the drop-down without hovering over it. That said, I added a specific width to the ul.MenuBarHorizontal for centering purposes and if I set that to auto then I don't have the problem, but then the menu isn't centered and yes I'm using a div tag. The URL is www.computersales.mobi and any ideas are greatly appreciated.
Here's the code if you're interested:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="33" nowrap="nowrap"><div id="navcontainer"> <ul id="MenuBar2" class="MenuBarHorizontal">
<li><a href="http://www.computersales.mobi/Home.html">Home</a></li>
<li><a href="http://www.computersales.mobi/About_SXC8.html" class="MenuBarItemSubmenu">About Us</a>
<ul>
<li><a href="#">Who We Are</a></li>
<li><a href="#">Our Facility</a></li>
</ul>
</li>
<li><a href="http://www.computersales.mobi/Services.html" class="MenuBarItemSubmenu">Vendors</a>
<ul>
<li><a href="#">Products & Services</a></li>
</ul>
</li>
<li><a href="http://www.computersales.mobi/Testimonials.html">Work With Us</a> </li>
<li><a href="http://www.computersales.mobi/Contact.html" class="MenuBarItemSubmenu">Contact Us</a>
<ul>
<li><a href="#">Location</a></li>
</ul>
</li>
<li><a href="http://www.computersales.mobi/Home_GXIY.html" class="MenuBarItemSubmenu">Pricing/Profit</a>
<ul>
<li><a href="#">Value Proposition</a></li>
</ul>
</li>
<li><a href="http://www.computersales.mobi/About.html">Finance Terms</a></li>
<li><a href="#">Kingston</a></li>
<li><a href="http://www.computersales.mobi/Testimonials_AX7Z.html" target="self">iStore</a> </li>
<li><a href="http://www.computersales.mobi/Contact_4XFZ.html" target="self">Online Quote</a></li>
</ul> </div></td>
</tr>
</table>