[CSS] Menù non correttamente allineato

Ciao a tutti,
con l'ausilio dei CSS ho posizionato un menù a destra, solo che gli elementi del menù se sono troppi vanno in un "box" in fondo alla pagina e gli elementi di questo vengono spostati. Ciò non accade con un altro menù posizionato a sinistra.
Non so se mi sono spiegato...
Il sito è raggiungibile all'indirizzo http://eaglerevolution.altervista.org/

style.css

#testata {
		font-size: 130%;
}

#fondo {
		font-size: 85%;
		text-align: center;
}

#testata, #fondo {
		padding:0.5em;
		color:white;
		background-color: #008000;
		clear:left;
		text-align: center;
}

#sinistro {
		float:left;
		width:180px;
		margin: 0px;
		padding: 10px;
}

#destro {
		float:right;
		width:180px;
		margin:0px;
		padding:10px;
}


#centrale {
		margin-left: 190px;
		border-left:1px solid gray;
		margin-right: 190px;
		border-right:1px solid gray;
		padding:10px;
}

Metti il clear both:

#testata, #fondo {
		padding:0.5em;
		color:white;
		background-color: #008000;
		clear:both;
		text-align: center;
}