Veo que intentas obtener el
id del elemento sobre el que posas el cursor, pero no veo en la estructura que alguno de los elementos posea un valor en dicho atributo.
Particularmente, controlo a mis menúes desplegables con este pequeño script que hice:
Código Javascript
:
Ver original$("nav li").hover(function(){
$(this).find("ul").slideDown("slow").css("z-index", 1000);
}, function(){
$(this).find("ul").slideUp("slow").css("z-index", 1);
});
Cuando posas al cursor sobre uno de los ítems de la lista, encuentro la lista desordenada que este posee, la muestro y la coloco varios niveles por encima del resto de elementos del DOM, de este modo, si hay algo abajo del menú, la lista que se despliega no quedará oculta.
Aplicando algunos estilos, así es como queda:
Para el ejemplo, utilicé dos menúes, solo para mostrarte que no ocurre el conflicto que mencionas con lo que tienes.
Saludos