div hijo position relative no alarga div padre

[nachetee]

Hola, tengo el siguiente problema: Tengo un div y dentro otro div. El div padre no le he puesto un height fijo ya que quiero que ocupe la altura necesaria para contener los divs hijos pero cuando pongo un div hijo con position relative se sale del div padre justo los px que le pongo en top y en left:

Tengo el div siguiente:

Código:

#content {
width:1050px;
height:100%;
background-color:#fff;
}

Y dentro de ese div tengo el siguiente:

Código:

#content .caja {

width:300px;
height:300px;
position:relative;
top:100px;
left:100px;
border:1px solid #000000;
background-color:#416271;
border-radius:10px;  
-moz-border-radius:10px;  
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
}

El html:

Código:

	

<div id="content">
<div class="caja">  
</div>          
</div>

Y la caja esta medio dentro del div padre y medio fuera... La única forma de que esté dentro es poniendo un height fijo al padre pero no me parece una buena solución, ¿alguien sabe que puedo hacer para solucionar este problema?

Saludos y gracias a todos de antemano!

[C2am]

Hola
Es que al ponerle top y left lo estás moviendo de su posición natural.
En vez de top y left, puedes ubicarlo mediante margin-top y margin-left, esto hará que el padre incremente su tamaño lo necesario para contenerlo, creo.
Si estoy equivocado ya alguien me corregirá

[nachetee]

Bueno si, eso también puede ser una solución... aunque pensaba más en alguna forma de que se alargara el div padre... pero no se si la habrá o que...

¿Alguien lo sabe?

Gracias!

[ztikma]

Con height:auto no se agranda?

Saludos 8)

[kseso?]

Los elementos en "relative" y desplazados de su lugar natural en el html con las propiedades top/left/bottom/right tienen la particularidad de ser vistas por el resto de elementos como si estuviesen en el lugar que les correspondería, no en el desplazado.
Por eso se pueden superponer sobre otras, o modificar la posición donde son mostradas sin alterar el flujo.

¿height: 100% sobre qué valor lo computa? Recuerde que el % es calculado sobre el valor del ancestro, no del elemento.

No necesita declarar altura para que crezca en función del contenido. Es el comportamiento por defecto de los elementos.