mit einem hover zwei stellen im doc ändern

[bebbi]

hi zusammen,
leider finde ich nicht den richtigen code für mein problem.
ich habe drei navigationsbuttons untereinander und eine überschrift. gefordert ist das sich bei einem mousovereffekt a, die schrift und hintergrundfarbe des buttons ändert und b, das gleiche bei der überschrift. d.h. jeder der drei buttons muß in sich die farbe ändern können aber gleichzeitig auch die der immer gleichen überschrift. den code für die drei buttons habe ich schon hinbekommen - das mit der überschrift funzt nicht...
hier der code bis jetzt:
ul#nav {
width : 115px;
margin : 0;
padding : 0;
position : absolute;
top : 46px;
left : 221px;
}

* html ul#nav {
width : 115px;
w\idth : 115px;
}

ul#nav li {
list-style : none;
}

ul#nav a {
display : block;
height : 17px;
text-decoration : none;
font-family : Helvetica, Arial, sans-serif;
font-size : 11px;
color : #00339B;
line-height : 17px;
padding-left : 8px;
background-color : #E1F0FF;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #FAFCFF;
}

* html ul#nav a {
width : 100%;
w\idth : 115px;
}

ul#nav a:hover {
background-color : #C4E1FF;
}

und html eben:

<ul id="nav">  
	<li><a href="unter.html">Philosophie</a></li>  
	<li><a href="diens.html">Arbeitsweise</a></li>  
	<li><a href="diens.html">Team</a></li>  
</ul>  

überschrift wäre sowas wie unternehmen...
siehe url:
http://www.earthquake-productions.com/unter.html

auf den dann ausgewählten seiten hebe ich die buttons dann mit <span> hervor.

erstmal tausend dank - vielleicht geht das ja überhaupt nicht

grüße aus dem süden der republik
frank