✔ CSS - Fehler im Code?

[Martys]

Hallo zusammen,

habe ein Menü mit CSS formatiert, funktioniert auch alles so wie es soll, nur im IE6 und kleiner wird die Klasse "aktiv" nicht fett dargestellt.

Hier mal der betreffende Code:

/* SUBNAVI LINKS */

#left ul.nav {
width:148px;
display:block;
margin:0;
padding:0;
list-style: none;
line-height:14pt;
}

#left ul.nav li {
margin:0;
padding:0;
width:148px;
}

#left ul.nav li a, #left ul.nav li a:active, #left ul.nav li a:visited {
display:block;
width:144px;
margin:10px 0 0 0;
padding:0 0 0 4px;
background-color:#EDF2F6;
border-bottom: 1px solid #990033;
color:#000;
font-size:11px;
font-weight:bold;
text-decoration: none;
}

#left ul.nav li a:hover {
background-color:#990033;
color:#fff;
font-weight:bold;
text-decoration: none;
}

#left ul.nav li a.aktiv {
background-color:#990033;
color:#fff;
font-weight:bold;
text-decoration: none;
}

#left ul.subnav {
width:138px;
margin:0;
padding:0;
display:block;
list-style: none;
line-height:14pt;
}

#left ul.subnav li {
margin:0;
padding:0 0 0 10px;
}

#left ul.subnav li a,  #left ul.subnav li a:active,  #left ul.subnav li a:visited  {
display:block;
width:138px;
margin:0;
padding:0;
background-color:#fff;
border-bottom: 1px solid #F0F0F0;
color:#000;
font-weight:normal;
text-decoration: none;
}

#left ul.subnav li a.linie {
display:block;
width:138px;
margin:0;
padding:0;
background-color:#fff;
border-bottom: 1px solid #F0F0F0;
border-top: 1px solid #F0F0F0;
color:#000;
font-weight:normal;
text-decoration: none;
}

#left ul.subnav li a:hover, #left ul.subnav li a.linie:hover {
background-color:#fff;
color:#990033;
font-weight:normal;
text-decoration: none;
}

#left ul.subnav li a.aktiv {
background-color:#fff;
color:#000;
font-weight:bold;
text-decoration: none;
}

#left ul.subnav2 {
width:128px;
margin:0;
padding:0;
display:block;
list-style: none;
line-height:14pt;
}

#left ul.subnav2 li {
margin:0;
padding:0 0 0 10px;
}

#left ul.subnav2 li a, #left ul.subnav2 li a:active, #left ul.subnav2 li a:visited {
display:block;
width:128px;
margin:0;
padding:0;
background-color:#fff;
border: none;
color:#000;
font-weight:normal;
text-decoration: none;
}

#left ul.subnav2 li a:hover {
background-color:#fff;
color:#990033;
font-weight:normal;
border: none;
text-decoration: none;
}

#left ul.subnav2 li a.aktiv {
background-color:#fff;
color:#000;
font-weight:bold;
border: none;
text-decoration: none;
}

/* ENDE SUBNAVI LINKS */

Mir ist soetwas bis dato noch nicht passiert und ich finde den Fehler einfach nicht.

Sieht ihn einer von euch?

Danke schon mal,
Martys

// EDIT

Hat sich erledigt, !important hat´s behoben.

 

[Maik]

Hi,

wenn du die Klasse .aktiv innerhalb der Liste subnav bzw. subnav2 meinst, die wohl ein "Submenü" von der Liste nav darstellen, dann probier es doch mal so:

#left ul.nav li ul.subnav li a.aktiv { }

/* bzw. */

#left ul.nav li ul.subnav2 li a.aktiv { }