Hi there. I am having some selector issues with IE7. The page works just fine in webkit, mozilla, and IE8. If you go to this page http://nursery.webfittersdev.com/ you can see that IE7 flashes the menu whenever the cursor moves between items on the dropdown menu. I would guess that somehow IE7 isn't registering that the cursor is hovered over the div that keeps the menu open. Perhaps it is an issue with Jquery's selectors?

Any suggestions?

I saw the jquery originally implemented on this site: http://www.queness.com/post/1047/easy-to-style-jquery-drop-down-menu-tutorial and the demo page works just fine in IE7. I am wondering what I did different that makes mine not work.

1 answer

danwellman 5600

Instead of using the hover() method to show and hide the submenus, use mouseEnter() to show them and mouseLeave() to hide them.

This will fix the problem in IE7

Answered almost 7 years ago by danwellman