Problema del índice Z en IE7 con el complemento del menú jquery superfish

Question

Necesitaba modificar el complemento del menú jquery superfish para acomodar el uso de la imagen para el menú. Por favor, eche un vistazo a esta demostración. http://www.okadadesign.no/vitaveritas/.

Hay submenús en Om oss y Medieomtale. Usé imágenes de sprites para este menú.

Funciona bien con IE8, FF etc. Sin embargo, IE7 tiene un problema para mostrar los submenús. Muestra el submenú, pero cuando trato de navegar en el submenú, se desvanece.

¿Alguien me puede ayudar a solucionar este problema?

Gracias de antemano.

Answer 1

Siempre he tenido que poner un índice Z en .sf-menu li li para que aparezcan los submenús en ie6/7.

El uso de hoverIntent también podría ser útil. Hay detalles sobre el superfish page.

Answer 2

He solucionado el problema del índice Z para IE7 e IE6 al agregar: position: relative; y z-index: 10000; al #nav div principal que contiene el (sf-menu) y se realizó el trabajo.

Answer 3

También podría ser algo tan estúpido como no especificar un "fondo" en .sf_menu li ul. Estaba usando un degradado (filtro en IE) y no especifiqué el color de fondo original.

background: #F3F3F3; /* required for IE to retain hover state */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#D8D8D8'); 
    background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#D8D8D8)); 
    background: -moz-linear-gradient(top, #F3F3F3, #D8D8D8);