menu in css

[uffissimo]

ciao a tutti, sto creando un menu, con css, mi servirebbe un consiglio...
allora ecco il css del mio menu:

.menu a{
 color:#000;
}   

.menu .active a{
 color:#F90;
}  

.menu a:hover{
 color:#F90;
}

ovviamente ho omesso tutto quello che non serve alla mia domanda...

ora ".active" è la class che do alla voce di menu alla quale corrisponde la pagina che ho aperto
quindi l'html verrà qualcosa tipo:

<li class="active"><span>Home</span>[*]<span>Menu2</span>[*]<span>Menu3</span>

ora io vorrei far si che non appena uno degli altri due elementi (in questo caso menu2 o menu3) diventano a:hover, e quindi il loro colore diventa #F90, quello del link "active" (in questo caso Home) torni ad essere #000, se però sposto nuovamente il mouse fuori dal menu, non cliccando su nessun'altra voce, il colore di .active torni #F90

non so se sono stato chiaro, spero di sì... potete aiutarmi ad ottenere questo effetto??? grazie...

se qualcosa nella domanda non è chiaro... chiedetemi ok? ma perfavore aiutatemi

[Mich_]

In pratica stai chiedendo che all'evento :hover di un oggetto si modifichi non solo qualche caratteristica dell'oggetto stesso, ma anche una caratteristica di un oggetto "fratello".
Con i CSS da soli non e` possibile (o almeno io non so come farlo).

Credo che per una cosa del genere sia necessario un po' di JS. Con un po' di pratica e` possibile anche fare un JS non-intrusivo.

Se la cosa ti interessa, sposto nel forum JS.

[uffissimo]

mmm...

si grazie... vediamo cosa consigliano lì