Hola!!!!
Les cuento que estoy intentando maquetar una pagina con tres columnas. La izquierda quedaria fija y su alto seria del 100%, la del centro (en mi caso "main") tendria todo el contenido y haria scroll y la de la derecha, tambien quedaria fija con un alto del 100%.
Estas tres divs estarian dentro de un div contenedor con un ancho de 955px.
El problema es que lo veo bien en IE7 y en el ultimo Firefox pero en versiones anteriores (ej. IE6) se solapan las divs o se ponen una debajo de otra tipo escalera.
Que estoy haciendo mal???
Les dejo la hoja de estilos para que puedan comprobarlo y desde ya mil gracias por la ayuda!!! :D

@charset "utf-8";
body {
background-image: url(../images/bg.jpg);
background-repeat: repeat;
background-color: #AEED00;
margin: 0px;
height: 100%;
width: 100%;
}
#contenedor {
height: 100%;
width: 955px;
margin: 0px;
}
#columnaIzquierda {
background-image: url(../images/colizquierda.jpg);
background-repeat: repeat-y;
height: 100%;
width: 223px;
margin: 0px;
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
#main {
width: 428px;
background-color: #FFFFFF;
float: left;
margin-left: 223px;
margin-top: 0px;
}
#columnaDerecha {
background-image: url(../images/colderecha.jpg);
height: 100%;
width: 304px;
position: fixed;
float: right;
background-color: #F1F1F1;
background-repeat: no-repeat;
left: 651px;
top: 0px;
}