Problem mit Vererbung

[jörg kolla]

Guten Abend,

in meiner zentralen CSS Datei steht folgende Hauptmenüdefinition:

#main_navi {
 display:block;
 color:#ffffff;
 line-height:18pt;
}

#main_navi a:link{ color:#ffffff; text-decoration:none; }
#main_navi a:visited{ color:#ffffff; text-decoration:none; }
#main_navi a:hover{  color:#323232; text-decoration:none; }

#sub_navi {
 position:relative;
 left:20px;
 top:0px;
 line-height:13pt;
}

#sub_navi a:link{text-decoration:none;}
#sub_navi a:visited{text-decoration:none;}
#sub_navi a:hover{ text-decoration:none;}

Auf den jeweilgen PHP Seiten steht dann noch

<style type="text/css">
a.navi_aktuell:hover {background-color:#F8E6A2;}
a.subnavi_aktuell:hover {color:#F8E6A2;}

[...]
</style>

Für versch. Menü und Untermenüpunkte, gibt es also unterschiedl. Farben. Beim Hauptmenü klappt alles wunderbar, nur die Farben beim Untermenü kommen nicht an, weil sie immer durch die des Hauptmenüs wieder überschrieben werden. Der Aufruf sieht so aus:

<div id="main_navi">
  <a href="/content/aktuell/index.php" class="navi_aktuell">Aktuell</a>
  <div id="sub_navi">
    <a href="index.php&#063;ref=aaa" class="subnavi_aktuell">AAA</a>
  </div>
</div>

Nur wenn ich jetzt mit der Maus über einen UNTERmenüpunkt gehe, wird die Schriftfarbe des HAUPTmenüs verwendet. Weiß jemand warum und kanns mir erklären?

Danke schonmal
jk