Menu rozwijane CSS wyświetla tylko ul, a nie elementy w ie9 - html, css, drop-down-menu, internet-explorer-9

Oto mój aktualny jsfiddle dla paska nawigacyjnego. http://jsfiddle.net/EPh6j/28/

Rozciągnij pasek, aby był to pojedynczy wiersz, w przeciwnym razie otrzymasz mieszane wyniki.

Problem występuje tylko w ie9, o ile wiem. To, co dzieje się po najechaniu na jedno z głównych linków, powoduje opuszczenie listy rozwijanej. Jednak, gdy tylko rozwijane menu przechodzi na dół głównego menu, staje się niewidoczne. Jeszcze bardziej mylące jest to, że granica ul dla podmenu pokazuje, ale nie elementy.

Oto przykład tego, co mam na myśli: Zauważ, jak jest widoczny, a następnie znika za dnem. http://i.imgur.com/jXsoE.png

Zrobiłem powyższe, kiedy próbowałem się domyślićmój problem na początek. W jsfiddle porusza się aż do samego końca, a więc jest całkowicie pusty. Jestem całkowicie zakłopotany tym, że to działa.

Mój CSS:

.menu li li {
float:none;
position: relative;
}

.menu li ul {
left:0;
position:absolute;
top:0;
visibility:hidden;
}

.menu li:hover > ul {
top:100%;
visibility:visible ;
}

Propozycje?

Odpowiedzi:

Podejrzewałem problem z indeksem Z, więc pozbawiłem ich wszystkich z twojego skrzypce. Wydaje się, że to naprawiłem.

BTW, „sponsoring”. ;-)