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;

}