Cambiar estilo desde otro elemento

[vorox]

Hola amigos!
Tengo una duda, ¿Como puedo cambiar el estilo de un elemento al pasar por encima de otro?

Os muestro el código:
//El HTML

<div id="nav">
<ul>
<li><a href="">DONDE ESTAMOS</a></li>
<li><a href="">QUIENES SOMOS</a></li>
<li><a href="">NUESTROS SERVICIOS</a></li>
<li><a href="">CONTACTO</a></li>
<li><a href="">INICIO</a></li>
</ul>
</div>

//El CSS

#nav ul{width:650px; float:right; border-bottom:1px solid white;padding-bottom:5px; padding-top:10px;}
#nav ul li{float:right; display:inline; margin-right:15px;}
#nav ul li a{text-decoration: none; color:white;}
#nav ul li a:hover{tex-decoration:underline; color:#900;}
#nav ul li a:hover #nav ul{border-bottom:1px solid #900;} //Esta linea es la que se supone que hace lo que yo quiero pero no me funciona..

Espero sus respuestas.
Un saludo!!

[ryugen]

Código CSS:

#nav ul li a:hover #nav ul{border-bottom:1px solid #900;} //Esta linea es la que se supone que hace lo que yo quiero pero no me funciona..
 

Ese selector es ilegal, por eso no te funciona, no puedes descender en el arbol y luego volver a ascender.

Tienes dos caminos, asignar el estilo en: "#nav ul:hover" o con javascript al pararte sobre un "a" asignarle una clase a la "ul" y quitarsela al salir.

Hay otras tecnicas posibles pero dependería de como se visualiza la lista y de si lo quieres hacer de esa forma