Z-index problem in IE7 with jquery superfish menu plugin

Question

I needed to modify jquery superfish menu plugin to accomodate using image for the menu. Please have a look at this demo. http://www.okadadesign.no/vitaveritas/.

There are submenus under Om oss and Medieomtale. I used sprites images for this menu.

It works fine with IE8, FF etc. However IE7 has a problem to show submenus. It shows the submenu but when I try to navigate in the submenu, it fades out.

Can anyone help me out to fix this problem?

Thanks in advance.

Answer 1

I've always had to put a z-index on .sf-menu li li to get the sub-menus to show up in ie6/7.

Using hoverIntent might help too. There are details about on the superfish page.