I'm using jquery to add a smooth fade effect when users mouse over a menu item. The site has split navigation, with this effect applied to all menu items on the page. Hovering over the main top navigation works fine, but hovering of menu items in the second and third level split menu (IE 7) causes the content area to shorten by about 50px. In IE 6, the page displays properly until the script is applied, then the content area is automatically shortened by about 50px (before the user hovers over the secondary menus).
Would appreciate any pointers on how to fix this issue. Google searches have yielded very little about this - the closest thing I've come across is an offsetWidth bug that doesn't quite fit the problem I'm having, and the solution doesn't work in my case. Many thanks~ Jonathan
