problem mit verschachtelte listen

[soel]

hallo,

ich habe ein darstellungsproblem mit meiner verschachtelten liste. im firefox und opera sieht alles so aus wie gewünscht, aber im ie nicht!
ich habe eine menü liste mit submenu das letzte <li></li> vor der neuen
<ul></ul> ist eine li mit neuer klasse, diese scheint der ie nicht anzuerkennen, lösche ich die klasse sieht auch im ie alles normal aus, das problem? ich brauch die klasse ;-)
die klasse heißt activ  - hier mal der code:
vielen dank für hilfe!!

html--------------------------------------------------------------------

<div id="menu">
<ul class="menue">
<li><a href="index.htm">Home</a></li>
<li><a href="ueber-uns.htm">Über uns</a></li>
<li class="active">Aknebehandlungen</li>
<ul class="submenue">
<li class="unter"><a href="nlite_aknebehandlung.htm">NLite Aknebehandlung</a></li>
<li class="unter"><a href="nlite_narbenbehandlung.htm">Nlite Narbenbehandlung</a></li>
</ul>
<li><a href="haarentfernung.htm">Haarentfernung</a></li>
<li><a href="hautverjuengung.htm">Hautverjüngung</a></li>
<li><a href="beauty-behandlungen.htm">Beauty Behandlungen</a></li>
<li><a href="medizinische-produkte.htm">Medizinische Produkte</a></li>
<li><a href="kontakt.htm">Kontakt</a></li>
</ul>
</div>

CSS -----------------------------------------------------------------
#menu ul.menue {
 margin:0px auto;
 margin-left:4px;
 padding:0px;
    list-style:none;
    }
#menu ul.menue li {
 margin:0px auto;
 margin-bottom:2px;
 margin-left:0px;
 padding:0px;

}
#menu ul.menue li a{
 margin:0px auto;
 padding:0px;
 padding-left:10px;
 height:24px;
 width:174px;
 display:block;
}
#menu ul.menue li a:hover{
 margin:0px auto;
 padding:0px;
 padding-left:10px;
 height:24px;
 width:174px;
 line-height:25px;
}
#menu ul.menue li.active{
 margin:0px auto;
 margin-bottom:2px;
 padding:0px;
 padding-left:10px;
 height:24px;
 width:174px;
           display:block;
}
#menu ul.submenue {
 margin:0px auto;
 padding:0px;
 margin-top:10px;
 margin-bottom:10px;
    }
#menu ul.submenue li{
 margin:0px auto;
 padding:0px;
 background-color:#fdf1f1;
}
#menu ul.submenue li a{
 margin:0px auto;
 padding:0px;
 height:24px;
 width:174px;
 display:block;
}
#menu ul.submenue li a:hover{
 margin:0px auto;
 padding:0px;
 height:24px;
 width:174px;
 display:block;

}

[noscript]

<ul class="menue">
<li><a href="index.htm">Home</a></li>
<li><a href="ueber-uns.htm">Über uns</a></li>
<li class="active">Aknebehandlungen</li>
<ul class="submenue">

dies ul darf hier überhaupt nicht stehen, es müsste sich in einem li befinden. Wie die Browser das darstellen ist daher nicht vorhersehbar

[Marc]

Hallo zusammen,

<ul class="menue">
<li><a href="index.htm">Home</a></li>
<li><a href="ueber-uns.htm">Über uns</a></li>
<li class="active">Aknebehandlungen</li>
<ul class="submenue">

dies ul darf hier überhaupt nicht stehen, es müsste sich in einem li befinden. Wie die Browser das darstellen ist daher nicht vorhersehbar

Noch ein Tipp @ soel: Einrückungen sind sehr hilfreich bei der Fehlersuche!

Wozu die Klassen "unter" und "submenue"? Das sind doch alles ul- und li-Tags die sich in ul.menue befinden und somit eindeutig bezeichnet sind.

Viele Grüße,
Marc.