Height: auto ; no me funciona o como se hace??

[richicasas]

Hola a todos, resulta que tengo la estructura asi:

Código PHP:

      <div id="contenedor">
        <div id="bordeizq"></div>
        <div id="contenido"></div>
        </div> 
   

y el css asi:

Código PHP:

  #contenedor{
    width:969px;
    float:left;
}
 
#bordeizq{
    background:url(../images/borde.jpg) repeat-y;
    width:8px;
    margin-top:5px;
    padding:0;
    float:left;
        height: auto;
}
 
#contenido{
    width:961px;
    float:right;
} 
   

Resulta que en CONTENIDO va el texto y yo quiero que a medida que baje el texto, tambien baje el borde izquierdo, pero nada, no pasa nada se me queda arriba, he intentado con height: 100%; y con height:auto; y ninguno me funciona, alguien me puede ayudar??, necesito que el heihgt del bordeizq se adapte al height de contenido que obviamente es variable.

[kseso?]

Las palabras mágicas, richicasas, son
"columnas equilibradas", falsas columnas", "Equal Height Columns"...
tienes ejemplos variados, entre otras páginas puedes mirar en:
www.araudi.net
www.cssplay.co.uk
http://matthewjamestaylor.com

Un saludo

[ramonw]

Tambien se puede hacer con Jquery, yo lo utilice hace un tiempo y queda muy bien.
Mira alguno de estos:

martiniglesias.eu/blog/igualar-columnas-css-con-jquery/20

webintenta.com/columnas-de-igual-tamanyo-con-jQuery.html