Ciao, vorrei realizzare un layout a tre colonne con i div.

Ho fatto questo codice

codice:
<div id="corpo">

<div id="men_sx">Menu sinistro</div>
<div id="men_dx">
Menu destro
dssssssssssssssssssssssssssssssssssssssssssssssssssssssdssssssssssssssssssssssssssssssssssssssssssssssssssssssdssssssssssssssssssssssssssssssssssssssssssssssssssssssdssssssssssssssssssssssssssssssssssssssssssssssssssssssdssssssssssssssssssssssssssssssssssssssssssssssssssssss
</div>
<div id="men_centro">Menu centraleeee</div>


</div>

Ed questo è il css
codice:
#corpo{
text-align:center;
width:1011px;
float:left;
margin-top:2px;
}

#men_sx{
width:180px;
text-align:center;
float:left;
max-width:180px;
}

#men_centro{
width:651px;
text-align:left;
float:left;
}

#men_dx{
width:180px;
text-align:center;
float:right;
max-width:180px;
}
Il problema sarebbe che il testo super i 180px; e va altro al div, io vorrei fare una cosa del genere

http://html.it/guide/esempi/layout_css/esempio26a.html

ma nn capisco cosa sbaglio..