Ayuda urgente con div de alto automatico al 100%

[ravalos7]

Amigos,

Gracias a todos por su ayuda, pues saqué un poco de las sugerencias que cada quien me dió.

Kseso, Tenías toda la razón, mira la prueba que hice: http://buscaconce.technodis.cl/prueba.html

En este ejemplo la capa #content (contenedora) y #hoja tienen ambas posicionamiento relativo y ahora el contenido de hoja, respeta los limites de su contenedor.

Al final los estilos quedaron así:

Código CSS:

#content{
position:relative;
top:0px;
bottom:0px;
height:100%;
left:0px;
right:0px;
width:auto;
overflow:auto;
}
#hoja{
    position:relative;
    top:0px;
    bottom:0px;
    height:auto;
    min-height:110%;
    
    width:750px;
    left:50%;
    margin-left:-425px; 
    
    z-index:0;
    -moz-box-shadow: 7px 0px 7px #333;
    -webkit-box-shadow: 7px 0px 7px #333;
    -khtml-box-shadow: 7px 0px 7px #333;
    box-shadow:7px 0px 7px #333;
    
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    -khtml-border-radius: 14px;
    border-radius: 14px;
    border:#fff 1px solid;
    
    background-color:#FFF;
    
    padding-top:200px;
    padding-left:50px;
    padding-right:50px;
    padding-bottom:50px;        
}
.clear { clear: both; }
 

Y las capas quedaron:

Código HTML:

<div id="content">
     <div id="hoja">
          <div class="clear"></div>
      </div>
</div>
 

Muchas gracias a todos quienes ayudaron, como dicen siempre se aprende algo nuevo!!!

Saludos desde Chile,

Ricardo