Ciao!
Chiedo il vostro aiuto perchè sto letteralmente impazzendo.
Sto costruendo un semplice menu a 2 livelli orizzontale con il classico scheletro xhtml:

codice:
	        		<ul class="nav-list">
	        			[*]Homepage
	        			[*]La Scuola
	        				<ul>
	        					[*]Prova 1
	        					[*]Prova 2
	        					[*]Prova 1
	        				[/list]
	        			
	        			[*]La Storia
	        		[/list]
Il problema si presenta quando vado a dare il posizionamento assoluto al UL figlio per poterlo mettere sotto quello padre. Infatti in questo modo perdo l'utilità del float e tutti gli elenchi figli vengono visualizzati uno sotto l'altro. Quindi secondo voi come faccio a mettere tutto orizzontalmente?

Ecco il css in questione:

codice:
 
ul.nav-list li {
	float:left;
	text-align:center;
	list-style: none;
	position:relative;
}

ul.nav-list li a {
	display: block;
	width:90px;
	height:30px;
	line-height:30px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	
}

ul.nav-list li a:hover {
	background: url(../immagini/layout/bg_navbar_link-hover.gif) repeat-x center bottom;
}

ul.nav-list ul {
	position:absolute;
	top:30px;	
	left:-45px;
}

Ho anche uppato tutto all'indirizzo: http://inverter.ilbello.com/canopoleno/

Grazie mille!