Navigationsproblem

[Sascha]

Hallo zusammen,

ich habe ein kleines Problem mit einer bestehenden Navigation, die ich gerne um Untermenüs erweitern möchte.

Die hmtl Struktur sieht wie folgt aus:

  
<div class="nav">  
<ul>  
<li class="noline">  
<div class="untermenu_a">  
<ul>  
<li>Menupunkt 1</li>  
<li>Menupunkt 1</li>  
<li>Menupunkt 1</li>  
</ul>  
</div>  
</li>  
</ul>  
</div>  

Jetzt habe ich eine Klasse (.nav li a:hover{} ) die soweit funktioniert, dass sie die Hintergrundfarbe der einzelnen Unterpunkte des Menüs farbig ändert.

Was mir jetzt noch nicht gelingt, ist die Verkettung mit einer anderen Klasse. Diese habe ich wie folgt definiert:

.navsub{display:none}

Was ich gerne hätte, ist das bei Mouseover der ersten Klasse die Klasse .navsub sichtbar wird. Ich hatte mir das wie folgt gedacht:

.nav li a:hover#navsub{ display:block; }  
.nav li a:hover.navsub{ display:block; }
~~~ beide Varianten funktionieren aber nicht.  
  
Kann man das so in der Art lösen?