Probleme mit CSS-Ausklappmenue

[celine1972]

Hallo ihr alle,
ich habe ein vertikales ausklappmenue, welches im IE 6 und 7 sowie Mozilla funktioniert.
Mit weiteren Browsern konnte ich nicht testen. Jetzt sagt ein Freund, dass er Probleme beim T-Online-Browser hat.
Die Untermenues öffnen sich nicht direkt daneben, sondern lassen Platz und gehen weiter rechts auf. Das hat zur Folge, wenn er das Menue verlässt um zum Untermenue zu gehen wird es wieder geschlossen und er kommt gar nicht bis dahin.
Weiss jemand, woran das liegen kann ? Ich habe keine Idee mehr... Bitte helft mir...

anbei der Code:

#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 150px;
}

#nav li { /* all list items */
position : relative;
float : left;
line-height : 20px;
width: 150px;
}

#nav li ul {
position : absolute;
left: -999em;
margin-left : 9.92em;
margin-top : -1.3em;
visibility: visible;
}

#nav li ul ul { /* third-and-above-level lists */
left: -999em;
}

#nav li a {
width: 11em;
w\idth : 137px;
display : block;
color : #999999;
font-family:Arial;
font-size:11px;
font-weight : solid;
text-decoration : none;
background-image:url(bilder/back.gif);
border : 1px solid #CCCCCC;
border-bottom:none;
padding : 0 0.9em;
}

#nav li a:hover {
color : #336699;
background-image:url(bilder/back_over.gif);
border : 1px solid #336699;
line-height : 19px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested

under hovered list items */
left: auto;
}
___________________________________________

<div>
<ul>
<li><a>Punkt 1</a></li>
<li><a>Punkt 2</a></li>
<li><a>Punkt3</a>
<ul>
<li><a>Punkt 3a</a></li>
<li><a>Punkt 3b</a></li
</ul>
</li>
<li><a>Punkt 4</a></li>
<li><a>Punkt 5</a></li>
</ul>
</div>

vielen dank
celine

[jmm]

ist warscheinlich dein layout dran schuld(so wars bei mir) schick ma page