Ciao a tutti. Sto smanettando sul mio primo layout e riscontro purtroppo un primo problema.
Questa è la struttura della pagina:

<div id="navigazione">
Piloti
Monoposto
Circuiti
Scuderie
</div>
<div id="laterale">contenuti laterali</div>
<div id="contenuti">parte centrale sito</div>


Questo il codice css:

codice:
#navigazione {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

#navigazione a{
border:2px solid #900;
display:block;
text-align:center;
float:left;
width:100px;
margin-right:4px;
}


#laterale {
	float: right;
	width: 147px;
	border-right: 1px solid #000;
}

#contenuti {
   width: 450px;
	border-right: 1px dashed #000;
	border-left: 1px solid #000;
}
Nel div="navigazione" ho inserito una serie di Link, e prendendo spunto da un esempio della sezione pro ( http://pro.html.it/esempio/428/09.html ), ho quindi selezionato "a" nel div "navigazione". La riuscita grafica c'è, solo che incorro in un problema.
Il menù si va come ad inserire nel div="contenuti" per via del valore float:left;
Ma se lo tolgo il menù diventa in verticale, non orizzontale. Come posso fare?

Ecco la pagina in questione: www.curvanord.it/f1story/index.xhtml