layout 3 colonne

[umma]

Caio a tutti....ho un problema con un layout di una pagina...la struttura è la classica con due colonne laterali che occupano il 20% ciascuna e il corpo centrale che occupa il restante 60%
sulla colonna di sinistra ci sta il menù su quella di destra un immagine e del testo...il problema è che provando a restringere la pagina..e passando dunque ad una risoluzione inferiore ai 1024 il contenuto della colonna di destra mi slitta sotto il corpo centrale...qualcuno sa dirmi come faccio a bloccare la colonna di modo che il contenuto sia visibile anche con un 800x600 ?? grazie 1000 a tutti...
vi posto qua sotto il codice css

#colonna-sx, #colonna-dx {
float: left;
width: 20%;
font-family: verdana, helvetica, sans-serif ;
}


#principale {
font-family: verdana, helvetica, sans-serif ;
float: left;
width: 60%;
}

#colonna-dx { margin-right:-2px; }

#footer { clear: left; }

body { margin:0 1px 0 0; }




body { background: #000066; color: #000 }

#header { background: #000066; color: #FFF }

#colonna-sx, #colonna-dx { background:transparent; color: #000 }

#principale { background: #FFF; color: #000 }

#footer { background: #FFFFFF; color: #000066 }






#header {
border-top: 1px solid #Fff;
border-bottom: 1px solid #fff;
border-color: #fff;
}

#colonna-sx .box, #colonna-dx .box {
padding: 10px;
background:#000066;
}


#principale .box {
border-style: none solid solid solid;
background:#FFFFFF;
border-color: #000;
border-width: 1px;
padding: 10px;
}


#footer {
border-color: #fff;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding: 2px 10px;
}

[felixsuperstar]

Link

[umma]

grazie......