I have CSS tabs setup on my website, and I have attempted to integrate them with a jQuery menu system that I have attempted to write. It works fine in IE (strangely), but in Firefox there are some strange bugs. The website is http://northvillebasketball.com. Only the second, third and fourth tabs have sub menus. In FF, the hover works fine when there is no sub menu displayed, but once one is displayed you have to hover above the text on the tabs to get the JS to work, and the CSS effects of the tabs act slightly different as well. I'm new to jQuery and I feel like I'm missing something, can anyone help me out?
The JS file is nav.js, and the CSS file is style.css. In the interest of keeping this short and sweet I have not pasted the code here, you can get at all the file locations by viewing the page source. Thanks in advance!
