Ciao ragazzi, ho un problema...ho tre colonne disposte nell'ordine :colonna1 ,colonna2, colonna3.

Il problema è che al restringersi della pagina la colonna3 si sovrappone alla colonna2.
Il css è il seguente:

#corpo-colonna2 {
margin:0 200px 0 200px;
height: 100%;
background:##dfe6ef
}

#corpo-colonna1 {
position:absolute;
top:0; left:0;
width:200px;
height: 100%;
}

#corpo-colonna3 {
position:absolute;
top:0; right:0;
width:200px;
height: 100%;
}


#corpo {
position:relative;
height: 100%;
background:##efefef;
}

/* serve per lasciare il margine tra le tre colonne centrali*/
code {
font:80% verdana,helvetica,sans-serif;
display:block;
margin:0 1em .5em 1em;
}


Come posso risolvere affinche la terza colonna nn si sovrappone alla seconda?

Grazie