vertikale Navigationsmenü mit Unterpunkten

[Sonne]

Hallo!

Ich habe ein paar Schwierigkeiten mit der Formatierung der Unterpunkte bei einer vertikalen Navi. Beispiel (das hier wäre der Navi-Code):

ul#navivertikal {  
 position: absolute;  
  font-size: 0.91em;  
  float: left;  
  width: 160px;  
  margin: 200px 0px;  
  padding: 0;  
  
}  
ul#navivertikal li {  
  list-style: none;  
  margin: 0px; padding: 0.5em;  
}  
ul#navivertikal a {  
  display: block;  
  padding: 0.2em;  
  font-weight: bold;  
}  
ul#navivertikal a:link {  
  color: black; background-color: #eee;  
}  
ul#navivertikal a:visited {  
  color: black; background-color: #eee;  
}  
ul#navivertikal a:hover {  
  color: black; background-color: white;  
}  
ul#navivertikal a:active {  
  color: white; background-color: gray;  
}  

Im body ist dann der Teil hier:

  
<ul id="navivertikal">  
 <li><a href="test07training.html">Hauptthema</a></li>  
 <div class="menu" >      <span><strong>Unterthema1</strong></span><br>  
 <span><a href="link2.html">Unterthema2</a></span><br>  
 <span>Unterthema3</span><br>  
</div><br>  
  <li><a href="linkthema2.htm">Hauptthema2</a></li>  
</ul>

Mein Problem ist nun, dass ich die Unterthemen ohne die Hintergrundfarbe etc haben will. Ich hab versucht, mit .menu a:link etc was zu bewegen, tut sich aber leider nichts... Hat jemand vielleicht eine kleine Idee? Danke :-)
Sonne