Farben im Menü

Hallo zusammen

Ich habe auf der Seite http://www.putzig-gmbh.ch/homepage/index.php das Problem, dass unter dem Menüpunkt "Dienstleistungen und Produkte" alle Menüpunkte gelb erscheinen. Eigentlich sollte nur der Aktive Menüpunkt gelb sein. Hier mein CSS Code, hoffe auf Eure Hilfe - Danke:

#left-text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
height: auto;
padding: 5px 10px 5px 20px;
/* background: #131794;*/
color: #000000;
border-top-width: 0px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}

#left-menu ul {
margin: 0;
padding: 0;
overflow: hidden;
list-style-type: none;
}

#left-menu ul a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
display: block;
}

#left-menu ul li {
display: block;
padding: 0;
margin: 0;
/*border-top-width: 0px;
border-top-style: solid;
border-top-color: #ededed;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;*/
/* background: #ffffff;*/
}

#left-menu li.left-level-1-no a {
height: auto;
text-decoration: none;
display: block;
padding: 5px 10px 5px 20px;
/* background: #131794;*/
color: #666666;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

#left-menu li.left-level-1-no a:hover, #left-menu li.left-level-1-act a {
height: auto;
font-weight: bold;
text-decoration: none;
display: block;
padding: 5px 10px 5px 20px;
background: #F8E01A;
color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A7AFC2;
}

/*#left-menu li.left-level-2-no a {
height: auto;
text-decoration: none;
display: block;
padding: 10px 10px 10px 25px;
background: #000000;
color: #000000;
}

#left-menu li.left-level-2-no a:hover, #left-menu li.left-level-2-act a {
height: auto;
text-decoration: none;
display: block;
padding: 10px 10px 10px 25px;
background: #000000;
color: #000000;
}

#left-menu li.left-level-3-no a {
height: auto;
text-decoration: none;
display: block;
padding: 10px 10px 10px 35px;
background: #000000;
color: #000000;
}

#left-menu li.left-level-3-no a:hover, #left-menu li.left-level-3-act a {
height: auto;
text-decoration: none;
display: block;
padding: 10px 10px 10px 35px;
background: #000000;
color: #0000000;
}*/

Das hier ist ein TYPO3 Forum und kein CSS, oder HTML Forum. Daher ist sowohl das Forum als auch die Kathegorie falsch.

Deswegen verschoben.

Das Kommentar-Zeichen /* am Anfang von "#left-menu li.left-level-2-no a" hast Du vergessen zu entfernen.

/*#left-menu li.left-level-2-no a {
height: auto;
text-decoration: none;
display: block;
padding: 10px 10px 10px 25px;
background: #000000;
color: #000000;
}

Dadurch ist auch der Rest der CSS-Datei für die Browser nicht sichtbar.