My website's menu is set up so that, when a user hovers on a (horizontal) menu selection, an appropriate submenu appears (vertically) underneath. However, sometimes when the user moves his mouse to select a subitem, the submenu disappears before the selection occurs! After several tries, the submenu may remain long enough to select a subitem; also, if he clicks and holds and then moves the mouse, the submenu may remain long enough. Apparently, there's something wrong at the intersection of "hover" and "mouseout" (but I'm not a programmer). I've tried disabling the HoverIntent module and varying the "delay" parameter and other parameters in that area of the superfish code, to no avail. I would appreciate some guidance, please.


www.theactivitiesclub.org

Right now someone has to make it to the next menu item before the entire listing collapses. Maybe if you add z-index: 5; to the div surrounding your menu that should help out, but I'm not sure how you would do that using inline styling like your using.

there should be no modification of the superfish code required.

just a guess

Thank you, thank you, it worked. I don't understand why. It seems to me that z-index should count only relative to another object with a different z-index; maybe there is a silent z-index: 0 attached to all the objects not otherwise valued. Anyway, many, many thanks.

I'm assuming that the content below the menu was interfering but the z-index allows the menu to pop over it.

you might want to pass your pages through a valadator and clean up things

Yes, there is a 'silent z-index: 0' as a default. It doesn't have to be specified.