[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

Codice:

---

#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:

Codice:

---

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

---