Auf dieser Seite verwende ich ein Drop Down Menu, bei welchem die Unterseiten in aktivem Zustand immer zu sehen sind. Die Hauptmenüpunkte erhalten im aktiven Zustand einen Hintergrund (die blaue Linie). Nun habe ich das Problem, dass der Internet Explorer diesen Hintergrund auch bei den Unterpunkten anzeigt, was ich aber nicht möchte.
Hier das CSS:
Code
/*------------------------- START Navigation---------------------------------*/
/*Main Navbar */
#nav {
float:left;
padding-left:30px;
padding-top:15px;
}
#nav ul {
margin:0;
display:block;
list-style:none;
}
#nav a {
display:block;
color:#024d7c;
text-decoration:none;
height:23px;
}
#nav a:visited {
color:#024d7c;
}
#nav a:hover {
color:#3ec7e4;
text-decoration:none;
}
/* ebene 1 */
#nav li {
position:relative;
height:40px;
float:left;
display:block;
}
#nav li a {
display:block;
font-size:1.3em;
float:left;
padding:0 22px 0 22px;
margin:0 2px 0 2px;
}
/* ebene 1 aktives element + hover */
#nav li:hover a,
#nav li.current_page_item a,
#nav li.current_page_ancestor a {
color:#024d7c;
background-image:url(images/rl_linie.png);
background-position:center;
background-repeat:no-repeat;
}
/* ebene 2 */
#nav li ul {
position:absolute;
left:0;
top:30px;
padding:0;
height:auto;
width:auto;
display:none;
}
/* ebene 2 submenu li */
#nav li li {
height:15px;
width:auto;
font-size:0.8em;
float:none;
}
#nav li li a {
height:auto;
}
/* kein background für ebene 2 a */
#nav li:hover li a,
#nav li.current_page_item li a {
background:none;
color:#024d7c;
}
#nav li:hover li a:hover,
#nav li.current_page_item li a:hover,
#nav li.current_page_item li.current_page_item a {
color:#3ec7e4;
}
/* ebene 2 hover + aktives submenu */
#nav li:hover ul,
#nav li.current_page_item ul,
#nav li.current_page_parent ul {
display:block;
}
/*----------------------- ENDE Navigation -----------------------*/