dropline menu a IE Opcje

[fuqs]

Kod

/* --------- Nav --------- */
#nav {
list-style:none;
height:3.8em;
position:relative;
line-height:1.4em;
}
#nav li {
float:left;
text-align:center;
margin:15px 15px 0 25px;
}
#nav a {

display:block;
text-decoration:none;
 color:#FFF;
 font-size:18px;
 font-weight:bold;
 padding:4px 8px;
}
#nav a:active, #nav a:focus, #nav a:hover {
}
/* --------- Sub Nav --------- */
#nav li.current ul {
left:0;
}
#nav ul {
position:absolute;
left:-999em;
width:750px;
list-style:none;
padding:10px 0 8px 25px;
}
#nav ul li {
width:auto;
margin:0 15px 0 0;
}
#nav ul a {
height:auto;
padding:0 8px;
color:#bdbdbd;
font-size:13px;

}

#nav li:active ul, #nav li:hover ul {
left:0;
}

strona: http://linkintheory.info



chodzi mi o gorne menu, w Operze działa tak jak powinno natomiast w IE już nie ;/ w IE nakładają sie na siebie dolne linki, prosze pomozcie

[Daiquiri]

Nie mam możliwości sprawdzenia strony pod IE innym niż IE6 -> natomiast w IE6 menu nie działa wcale. Nie zagłębiałam się w najnowsze wersje tej przeglądarki, jednakże pamiętam, że ":hover" lub ":focus" były nieprawidłowo interpretowane przez IE dla elementów innych niż "a". Pod którą wersją IE linki się nakładają?

[Fafu]

Taki zapis

[CSS] pobierz, plaintext 
#nav li:hover ul
[CSS] pobierz, plaintext 

obsługuje CSS 2 - chyba, więc ie6 tego nie interpretuje, ratunkiem jest javascript