nicht angemeldet
Hallo,
ich hab ein Problem, das nur beim IE auftaucht, bei Opera und Mozialla funzt es.. Ich hab keine Ahnung woran es liegt, vielleicht hat ja von euch jemand einen Tipp?
html:
Code:
<ul id="menu1">
<li><a href="#">Home</a></li>
<li><a href="#">Leistungen</a></li>
<li id='menuAktiv' ><a href="#">Unternehmen</a></li>
<ul id="menu2">
<li><a href="#">Kompetenzen</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Partner</a></li>
</ul>
<li ><a href="">Referenzen</a></li>
<li ><a href="">Kontakt</a></li>
</ul>
Die Liste selbst wird korrekt dargestellt. Das Problem ist der id-Selektor "menuAktiv". Dieser soll diesem Listenelement einen border-bottom hinzufügen. Bei der 2. Menüebene klappt das auch bei allen Browsern. Nur bei der 1. Ebene setzt der IE den Border nicht unter das einzelne entsprechende Listenelement sondern - sofern vorhanden- unter das letzte Element der nachfolgenden untergeordnete Liste. (also in dem obigen Beispiel wird der Rahmen nicht bei Unternehmen gesetzt sondern unter Partner)
und hier nun der css-code:
Code:
#menu1 { /* Abstand des ganzen nach links */
margin:0px;
padding-left:10px;
}
#menu1 a{
font-family:Verdana, Helvetica,sans-serif;
font-size:1.00em;
font-weight:normal;
color:#FF9933;
text-Decoration: none;
}
ul#menu1 li{
list-style-type: none;
margin-top:15px;
line-height: 1.5em;
padding-left:1px;
}
#menu2 {
margin:0px;
padding-left:15px;
}
#menu2 a{
font-family:Verdana, Helvetica,sans-serif;
font-size:0.85em;
font-weight:normal;
color:#FF9933;
text-Decoration: none;
}
ul#menu2 li{
list-style-type: none;
margin-top: 10px;
padding-left:1px;
line-height: 1.3em;
}
li#menuAktiv {
border-bottom:1px solid #FF9933;
weiß jemand woran das liegt?