✔ Level2 Sublinks Problem beim active Status

[Denniz]

Hallo Leute,

vielleicht könnt ihr mir bei meinem Level2 Menu helfen da ich ein spezielles Problem damit habe.
Und zwar hab ich eine Navi erstellt die zwei Hauptmenupunkte hat. Wenn man auf den zweiten Menupunk klickt kommt ein submenu zum Vorschein mit sub1 und sub2 links.
Ich habe das Problem das beim anklicken auf "link2" "sub1" aktiv sein soll. Also der link soll rot sein.
Beim klicken auf "sub2" soll dann dieser sublink rot sein.
Habe dies auch in meiner HTML als active klasse geschrieben und dazu meiner Meinung nach auch richtig in der CSS vermerkt allerdings wird die Grafik für den aktiven Status nicht angezeigt.
Also es geht im speziellen um folgende Regeln:

ul#navigation li#n_link2 ul li#sub1.active a:link, 
ul#navigation li#n_link2 ul li#sub1.active a:visited
ul#navigation li#n_link2 ul li#sub1.active a:hover { 
   background: url(sub_active.gif) no-repeat 0px 0px; 
}

und

ul#navigation li#n_link2 ul li#sub2.active a:link, 
ul#navigation li#n_link2 ul li#sub2.active a:visited
ul#navigation li#n_link2 ul li#sub2.active a:hover { 
 background: url(sub_active.gif) no-repeat -50px 0px; 
}

in meiner HTML steht dann soetwas:

ul id="navigation">
  <li id="n_link1" ><a href="index1.html">link1</a></li>
  <li id="n_link2" class="active"><a href="index2.html">link2</a>

    <ul>
      <li id="sub1" class="active"><a  href="index2.html">sub1</a></li>
      <li id="sub2" ><a href="index3.html">sub2</a></li>
    </ul>
  </li>
</ul>

Habe hier mein HTML hochgeladen:link
Meine CSS:
link
Falls ihr die Dateien braucht habe ich diese gepackt.
link

Wäre super wenn ihr mir sagen könntet was an meinen Regeln falsch ist.

Beste Grüße
Denniz

 

[Denniz]

Ok, hab's hinbekommen.

ul#navigation li#n_link2 ul li#sub1.active a:link, 
ul#navigation li#n_link2 ul li#sub1.active a:visited{ 
   background: url(sub_active.gif) no-repeat 0px 0px; 
}

ul#navigation li#n_link2 ul li#sub1.active a:hover { 
   background: url(sub_active.gif) no-repeat 0px 0px; 
}