View Full Version : jQuery Events Problem

07-15-2008, 07:20 PM
Hi there,

I've been having some problems with a JS (jQuery) and CSS tabbed based menu system with submenus. The menus have not been working correctly in FF, but they work fine in IE. When a tab with a submenu linked to it is hovered over it, the submenu is supposed to display. However, the mouseover event that I have added via jQuery is only fired when a certain part of the tab (right above the text) is hovered over. This problem only occurs when a submenu is not displayed; if there isn't one visible you can hover anywhere over the tab and it works fine.

The website is http://northvillebasketball.com

I have not posted the code here because I'm not sure if this is an HTML, CSS or JS error. Every file can be found within the page source of the link I provided. The JS is located in nav.js, and the CSS is located within style.css

08-12-2008, 05:44 AM
For each of your "submenus" you might have to add a class and specify a width. I did it like this:

.submenu {
width: 160px;