Salve ragazzi, ho cercato di realizzare un menu drop down con i css. Funziona bene ma non riesco a far variare un comportamento che mi piacerebbe imparare.
Dunque quando passo col mouse sul menu c'è un rollover che mi fa cambiare lo stato dello sfondo e del link del menu, e si attiva il sotto menu. Quando vado nel sotto menu col mouse (e accade la stessa cosa quando ci passo sopra, ovvero cambia lo stato dello sfondo e del link del sotto menu) vorrei che lo sfondo e il colore del link del munu (cioè di quello principale) cambiasse ancora, di sfondo e di colore del link!
Ho provato in tutti i modi ma non ci sono riuscito...
qualcuno mi saprebbe dire cosa manca????

vi ringrazio davvero

codice:
	
<body>
  <div id="navMenu">
     <ul>[*]Home
       	<ul>
        	[*]Link 1[*]Link 2[*]Link 3[*]Link 4[/list]
          [/list]
 </div>
</body>
codice:
#navMenu {
	margin:0;
	padding:0;
}

#navMenu ul {
	margin:0;
	padding:0;
	line-height:30px;
}

#navMenu ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#999;	
}

#navMenu ul li a {
	text-align:center;
	font-family:"Comic Sans MS", cursive;
	text-decoration:none;
	height:30px;
	width:150px;
	display:block;
	color:#FFF;
	border:1px solid #000;
}

#navMenu ul ul {
	position:absolute;
	visibility:hidden;
	top:32px;
}

#navMenu ul li:hover ul {
	visibility:visible;
}

#navMenu li:hover {
	background-color: #0C0;
}

#navMenu ul li:hover ul li a:hover {
	color:#000;
	background-color: #CCC;
}

#navMenu a:hover {
	color:#C00;
}