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