Salve ragazzi,
Premetto che sono un principiante con i CSS, vorrei realizzare un sito a 3 colonne con un CSS esterno come segue;

body {
width: 100%;
font-family: arial, sans-serif;
font-size: 12px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background: #fff;
color: #666
}

#colonnacentro {
padding: 1px;
margin-top: 0px;
margin-right: 180px;
margin-bottom: 0px;
margin-left: 180px;
color: #666;
background-color: #efe
}
#colonnasx{
float: left;
display: block;
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 0;
width: 180px;
color: #666;
background-color: #eef
}
#colonnadx {
float: right;
display: block;
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid #666;
border-right: 0;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
width: 180px;
color: #666;
background-color: #eef
}

Il problema che riscontro è che nel momento in cui vado ad inserire del testo nella colonna di centro automaticamente quella di dx mi scende lasciando dello spazio vuoto. Come posso fissare la colonna di dx in alto?

Grazie,
Mauro