hover im topmenu beim Internet Explorer geht nicht

[Bacardi]

Schönen guten Tag Leute.

Bei meiner Homepage die ich bastle funktioniert der hover wunderbar.. nur im IE will es einfach nicht. Bei Google werde ich iwie nicht schlauer, mein ehemaliger Informatik Lehrer hatte auch keinen Plan und nun kommt ihr ;)

Mein CSS-Code:

#top-menu {
width:1000px;
height: 30px;
border-width:1px;
border-left:0px;
border-right:0px;
}

.menuclass {
margin-top: 3px;
float: left;
width: 20%;
height: 20px;
text-align: center;
border: 0;
background-color: #06C;
font-size: 14px;
}

.menuclass:hover{
background-color: #0358C0;

}


.menuclass a{
text-decoration: none;
font-style: normal;
color: #fff;
}

.menuclass a:hover{
text-decoration: none;
}

ul {
margin: 0px;
padding: 0px;
list-style: none;
font-size: 14px;
}

.menuclass:hover .level_1{
display: block;
}

.level_1 {
margin-top: 1px;
background-color: #06C;
position: absolute;
display: none;
width: 200px;
}

.level_1 li {
margin: 3px;
}

.level_1 li:hover {
background-color: #0358C0;
}

----------
Und das Topmenu: (Nur ein kleiner Ausschnitt, da der Rest das selbe ist und nicht weiter von Bedeutung.

<div class="top-menu">
<div class="menuclass"><a href="index.php?action=start">Startseite</a></div>
<div class="menuclass">
<a href="index.php?action=menu_form&send=Aktuelles">Aktuelles</a>
<ul class="level_1">
<a href="index.php?action=news&show=no"><li>Neues</li></a>
<a href="index.php?action=error"><li>Einsätze</li></a>
<a href="index.php?action=events&page=open"><li>Veranstaltungen</li></a>
</ul>
</div>
</div>

Bitte helft mir. Ich verzweifle sonst noch... ich weis das es iwie an den divs liegt und das was ich gefunden habe (DIV:HOVER IN IE | poeticcode) hilft mir persönlich nicht weiter...

 

[Marv]

Hallo, wahrscheinlich liegt es ganz simpel am falschen HTML Code, nicht am CSS:

Du hast bei deiner liste die li-Elemente innerhalb der a-Elemente, das ist falsch. Die a-Elemente müssen innerhalb der li-Elemente sein, also genau andersrum verschachtelt.

 

[Bacardi]

Ich habe es jetzt sogar fast alles geschafft. Der hover fürs Menü geht. Leider werden die Elemente interhalb der liste die gehovert werden jetzt nur im Text makiert und nicht die gesammten 200px der <li>...

 

[Bacardi]

Egal.. Ich habs jetzt doch hin bekommen... war nur n kleiner denk fehler.. danke dir nochmal.. :***