divy/spany w jednej linii Opcje

[.radex]

dopiero zaczynam przystosowywać się do divów i spanów zamiast tabel ale nie wiem jak zrobić coś takiego:
mam 3 panele w jednej linii: lewe menu, główny panel, prawe menu. i jak każdy panel jest w divie to przenosi się do następnej linii, a jak użyć spanów to ignoruje to width

[.radex]

Oto mój CSS

Kod

#leftmenu{

    border: 1px black solid;
    background:#2F2F2F;
    width: 120px;
    text-align: left;
    float: left;

}
#mainpanel{

    width: 570px;
    border: 1px black solid;
    background:#3F3F3F;
    text-align: center;
}
#rightmenu{
    border: 1px black solid;
    background:#2F2F2F;
    width: 120px;
    text-align: right;
    float: right;
}

To jest HTML(fragmeent):

[HTML] pobierz, plaintext 
<div id="leftmenu">lewy</div>
<div id="mainpanel">środek</div>
<div id="rightmenu">prawy</div>
[HTML] pobierz, plaintext 

a oto problem:
robi się coś takiego, że leftm. i mainpan. są jakby połączone to dobrze, a rigm. zachowuje się dobrze( pływa na prawo) ale jest pod spodem. Tzn. w dobrym mniejscu, ale w złej kolumnie