Ciao a tutti!
Sto letteralmente impazzendo nella creazione di un menu a 2 livelli orizzontale.
Mi trovo infatti davanti ad un problema riguardante lo stile del secondo livello del menu: se andate in questa pagina http://inverter.ilbello.com/canopoleno/ potrete infatti notare come il menu orizzontale sia perfettamente allineato, il secondo invece non lo è ma rimane verticale come se il display:inline e il float:left non avesse effetto.

vi scrivo anche un pò di codice perchè spero davvero nel vostro aiuto:
HTML
codice:
<ul id="tabBar">[*]Home[*]Chi siamo
                        <ul id="aboutNav">[*]Dirigenti[*]Docenti[*]Alunni[/list]						
            [*]Progetti
                        <ul id="workNav">[*]Scolastici[*]Extra[/list]							
            [*]Contatti[/list]
CSS
codice:
ul#tabBar {
	list-style-type:none;
	text-align:center;
}

ul#tabBar li{
	display:inline;	
	position:relative;
}

ul#tabBar a {
	display:block;
	float: left;
	height:29px;
	line-height:29px;
	width:90px;
	margin:0px 4px;
	color:#FFFFFF;
	font-weight:bold;
	background: url(../immagini/layout/bg_navbar_link.gif) repeat-x center bottom;	
	text-decoration:none;
}

ul#tabBar a:hover {
	color:#9c7474;
	background: url(../immagini/layout/bg_navbar_link-hover.gif) repeat-x center bottom;		
}

ul#tabBar ul {
	display:none;
	position:absolute;
	top:30px;
}
Grazie mille in anticipo