Vererbung bei Listenelementen

[Linho]

Hallo Community,

folgendes Problem: Ich habe eine verschachtelte Liste.

  
<ul>  
   <li class="aktiv">Erster Punkt  
      <ul>  
         <li>Erster Unterpunkt</li>  
         <li>Zweiter Unterpunkt</li>  
      </ul>  
   </li>  
   <li>Zweiter Punkt</li>  
   <li>Dritter Punkt</li>  
</ul>  

Im Stylesheet sieht das auszugsweise so aus:

  
ul li.aktiv {  
      background-image:img(bild.jpg);  
}  

Das Problem ist nun, dass das Hintergrundbild (ein einfacher Farbverlauf) nun auch auf die Unterpunkte vererbt wird.

Auch wenn ich das explizit im Stylesheet auszuschließen versuche, werden auch die beiden Unterpunkte mit dem Hintergrundbild versehen:

  
ul li ul li {  
      background-image:none;  
}  

Kann ich die Vererbung irgendwie verhindern?

Ich habe es bereits versucht, indem ich den UL-Elementen verschiedene Klassen zugewiesen habe, aber auch so hat es nicht funktioniert.

Ich bin über jeden Tipp dankbar!

Viele Grüße,
Linho