CSS tres columnas

[jmb0286]

Re-diseño: tres columnas.

Código HTML:

<div id="contenedor"><!--Inicio: Id="Contenedor"-->
    <div class="gps"></div>
 
  <div class="colleft"></div>
  
  <div class="colcenter"></div>
 
  <div class="colright"></div>
 
  <div class="banner"></div>
</div><!--Fin: Id="Contenedor"-->
 

Código CSS:

#sitio-cudl{
    border: 1px solid #00664C;
    height: 1195px;
    margin: 20px auto;
    width: 1054px;
    }
    #header{
        background: #C1F2EE;
        height: 150px;
        }
    h3, p{
        float: left;
        font-family: Arial, Tahoma, Helvetica, Sans-serif;
        }
    #menu{
        background-color: #CFFFBF;
        border-top: 1px solid #00664C;
        border-bottom: 1px solid #00664C;
        height: 30px;
        }
    #contenedor{
        border-top: 1px solid #00664C;
        height: 800px;
        margin: 20px 0px 0px 0px;
        }       
        .gps{
            background-color: #EEEEEE;
            border-bottom: 1px solid #00664C;
            height: 30px;
            }
        .colleft, .colright{
            clear: right;
            width: 247px;
        }
        .colleft, .colcenter, .colright{
            background-color: #EEEEEE;
            border-bottom: 1px solid #00664C;
            float: left;            
            height: 570px;
            padding: 5px;
            
            }
        .colcenter{
            border-left: 1px solid #00664C;
            border-right: 1px solid #00664C;
            width: 528px;
            }
        .colright{
            float: right;
            }       
        .banner{
            background-color: #EEEEEE;
            border-bottom: 1px solid #00664C;
            clear: both;
            height: 180px;
            }
 

Quiero hacer tres columnas colleft y colright = 247px; y colcenter=del tamaño restante entre ambas. El tema es que, tengo un problema con el orden de los elementos flotantes. Porque cuando desminuyo o aumento la página se desbordan la ultima columna y el banner? Se que el clear es para terminar la flotacion. Algo estoy haciendo mal y no me doy cuenta de lo es. Gracias.

[pzin]

Pues si quieres que se mantenga siempre así, tendrás que especificar un ancho al contenedor, ¿no? O un ancho mínimo.