Gibt es eine Klassen- bzw. ID-Hierarchie??

[benpen]

Hallo, mit der Suche habe zu meinem Problem nichts gefunden.

Und zwar. Ich hab hier ein Listenmenü in einem div. Das div und die Listen habe komplett mit css formatiert. Jetzt weise ich mittels php einem aktiven Listenelement eine Klasse (.aktiv) zu.
Doch es werden nur die Eigenschaften von .aktiv übernommen, welche nochnirgend in diesem css-Dokument angegeben wurden.
Wenn ich also z.B. bei #navimain li a:hover die Farbe Weiß zuweise und bei .aktiv Schwarz, wird das Schwarz nicht berücksichtigt.

An was liegt das?

Hier meine Codes:

PHP:

  
<?php  
$section = $_GET['section'];  
?>  
<div id="navimain">  
<ul>  
<li><a href="navi01.php?section=produkte"<?php echo $_REQUEST['section']=='produkte'?' class="activ"':''; ?>>Produkte</a></li>  
<li><a href="navi01.php?section=kontakt"<?php echo $_REQUEST['section']=='kontakt'?' class="activ"':''; ?>>Kontakt</a></li>  
</ul>  
</div>  

CSS

  
body {  
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 11px;  
background-color: #f7f7f7;  
margin-left: 0px;  
margin-top: 0px;  
margin-right: 0px;  
margin-bottom: 0px;  
color: #0066FF;  
}  
  
  
#navimain {float:left;}  
  
#navimain ul  
{  
list-style-type: none;  
padding: 0px;  
border: 1px solid #000000;  
}  
  
#navimain li {  
display: block;  
}  
  
#navimain li a, #navimain li a:link {  
text-decoration: none;  
display: block;  
color: #000000;  
width: 150px;  
padding: 5px;  
}  
  
#navimain li a:visited {  
color: #0066FF;  
background-color: #EBEBEB;  
}  
  
#navimain li a:active, #navimain li a:hover, #navimain li a:focus {  
color: #ffcc00;  
background-color: #818181;  
}  
  
.activ { font-weight:bold; background-color:#666666; color:#00FF00}