Problema con allineamento sottomenu

[_Micky_73]

Non e' proprio la mia sezione...Ma in ogni modo ciao a tutti !

Ho un problema con il sottomenu di un menu che mi sto cimentando a fare.

Non riesco ad allineare correttamente al centro della voce COSA FACCIAMO il sotto menu che si apre al passaggio del cursore.

Vedi allegato 1.

[ResianTaxidrive]

manca l'allegato

[_Micky_73]

Riallego....

Immagine 1: cosa vedo io

Immagine 2: Come vorrei



CSS:

#coolMenu,
#coolMenu ul {

	list-style: none;

}

#coolMenu {
	
	float: left;

}

#coolMenu > li {
	
	float: left;

}

#coolMenu li a {
	
	display: block;
	height: 20px;
	line-height: 2em;
	padding-left: 11px;
	padding-right: 11px;
	text-decoration: none;
	background-color: transparent;
	font: 14px Arial,Trebuchet MS,Helvetica,sans-serif;

}

#coolMenu ul {
	
	position: absolute;
	display: none;
	z-index: 999;

}

#coolMenu ul li a {
	
	border-bottom: 1px solid #C0C0C0;
	padding-top: 6px;
	padding-bottom: 2px;

}

#coolMenu li:hover ul {

	display: block;

}

/* Main menu
------------------------------------------*/
#coolMenu {
	
	font: 14px Arial,Trebuchet MS,Helvetica,sans-serif;
	background: transparent;

}

#coolMenu > li > a {
    color: #FFFFFF;
    font-weight: none;
}

#coolMenu > li:hover > a {
	
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;

}
 
/* Submenu
------------------------------------------*/

#coolMenu ul li a {
	
	margin-left: auto;
	margin-right: auto;
	text-align: center; /* per IE5.x/Win */
	font: 12px Arial,Trebuchet MS,Helvetica,sans-serif;
	color: #FFFFFF;
	background: #340A02;

}

#coolMenu ul li:hover a {

	margin-left: auto;
	margin-right: auto;
	text-align: center; /* per IE5.x/Win */
	background: #A9A597;

}

HTML:

<ul id="coolMenu">[*]HOME[*]L' ESPERIENZA[*]
        COSA FACCIAMO
        <ul>[*]CREAZIONI[*]RESTAURO[*]CONSULENZE[/list]
    [*]GALLERIA[*]CATALOGO[*]CONTATTI[/list]

Scusate ho fatto confusione.

Ciao

[ResianTaxidrive]

Innanzitutto direi di mettere ordine, perchè hai più volte regole per "#coolMenu", per "#coolMenu li a" e altre ripetizioni? Il font e la sua dimensione lo hai dichiarato più di una volta.

Poi la regola "#coolMenu ul li a" non si riferisce al solo sottomenu ma anche al menu di primo livello. Si riferisce a tutte le liste che hai, a qualsiasi livello di annidamento tu sia. Se vuoi riferirti solo al secondo livello (e figli) devi mettere "#coolMenu ul ul li a"