CSS - divs autoescalabls

Hola a todos estoy diseñando un sitio con divs y css y me encuentro con un problema (al menos por ahora, je).

Mi diseño se basa en 3 columnas y un footer y el problema que tengo es que no quiero que me haga scroll; por lo que necesitaría que las columnas se ajusten a las resolusiones de pantalla. Esto es lo que no logro.
Si alguien me puede dar una mano se lo agradecería.
Gracias a todos por su tiempo.
Dejo el css para que vean lo que estoy haciendo:

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #ccc;
background-color: #fdfdfd;
overflow: hidden;
}
#footer {
clear:both;
background-color:#FF0000;
height:auto;
}
#left{
float:left;
width:200px;
background-color:#dc8;
min-height:550px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:550px; /* for IE5.x and IE6 */
}
#center {
float:left;
width:200px;
background-color:#eec;
min-height:550px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:550px; /* for IE5.x and IE6 */
}
#right {
margin-left:400px;
background-color:#666666;
min-height:550px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:550px; /* for IE5.x and IE6 */
}