Hintergrund von Listenelement in verschachtelter Liste

[Lone Wolf]

Hallo zusammen,

ich habe folgendes Problem. Eine Liste als Menü mit Unterlisten. Der Menüpunkt der Liste, der gerade angewählt ist, hat einen weißen Hintergrund. Das funktioniert soweit auch problemlos solange die Liste nur eine Ebene hat.

Füge ich jetzt als Verschachtelung eine weitere Liste ein, dann erstreckt sich der ganze weiße Hintergrund über die komplette Unterliste, was ziemlich blöde aussieht.

Das Problem tritt nur im IE auf, im Firefox sieht das alles korrekt aus.

Woran kanns liegen?

[Gunnar Bittersmann]

@@Lone Wolf:

Woran kanns liegen?

An deinem Quelltext.

Die Tips für Fragende in der Charta hattest du gelesen.

Live long and prosper,
Gunnar

[Lone Wolf]

@@Lone Wolf:

Woran kanns liegen?

An deinem Quelltext.

Die Tips für Fragende in der Charta hattest du gelesen.

Live long and prosper,
Gunnar

Sorry. HTML:

<DIV id=leftnav>
<UL class=leftnav>
 <LI><A href="##LINK##">Webhosting</A></li>
 <LI  class=selected><A ref="##LINK##">WirelessLAN</A>

<UL class=leftnav2>
 <LI><A href="##LINK##">Installation Windows</A></li>
 <LI class=selected><A href="##LINK##">Mobile Devices</A></li>
 <LI><A href="##LINK##">Hintergrundinfos</A></li>
 <LI><A href="##LINK##">VPN-Client</A></li>
 </UL></li>

<LI><A href="##LINK##">Knowledge Base</A></li>
</UL>
</DIV>

CSS:

/* Navigationleiste links */

#leftnav {
 position: absolute;
 top: 0px;
 left: 0px;
 margin-top: 137px;
 width: 220px;
 height:590px;
 background-color: #c4da98;
 padding: 5px 0px 0px 0px;
 z-index: 5;
}

#leftnav[id]
{
 height:auto;
 min-height:570px;
 width:210px;
 padding: 5px 0px 0px 10px;
}

ul.leftnav{

list-style-image: url(nav_arrow.gif);
 list-style-position: outside;
 margin: 5px;
 padding-left: 10px;
 margin-top: 20px;
 background-color: #c4da98;
 font-size:12px;
 font-weight:bolder;
}

ul.leftnav2{
 padding-top:7px;
 padding-bottom:7px;
 background-color: #c4da98;
 font-size:10px;
 font-weight:normal;
}

#leftnav ul li {

padding-left: 0px;
    padding-right: 0px;
    padding-top: 4px;
    padding-bottom: 5px;
    border-top: solid #bebcbc 1px;
}

#leftnav li.selected {
    background-color: white;
}

#leftnav a, #leftnav a:visited {
 color:#000;
}

#leftnav a:hover {
 color:#0088C8;
}