(Ayuda) div que crecen pero no mantinene relación con height asignado

[opzina]

Hola,

este es el esuqema que estoy usando:

Código HTML:

<div id="cuerpo">

<div id="externo" class="expan">

<div id="interno"> aca va el contenido</div>

</div> 

<div id="panel" class="expan"></div>

</div> 

y la hoja de estilo:

Código HTML:

#cuerpo {
	margin:0 auto;
	width:900px;
	min-height:700px;
	position:relative;
	top:-50px;
	z-index:3;.
	overflow:hidden
}

.expan {
	float:left;
	min-height:900px;
	height:auto;
	overflow:hidden;
	position:relative;
}

#externo {
	width:700px;
	background:url(../img/externo_bg.png) repeat;
}

#panel {
	width:190px;
	padding:5px;
}

#interno {
	margin:10px auto;
	width:670px;
	min-height:500px;
	height:auto;
	overflow:hidden;
	background-color:#FFFFFF;
	padding:5px;
}

El problema radica en que al crecer el contenido, perfectamente creen las cajas, pero el div externo tiene un alto 200 pixeles más que el div interno, entonces al crecer esa diferencia de 200 pixeles desaparece.

Como hago y porque para mantener esa diferencia de 200px en el height.?

saludos.

[hades87]

Creo que esto solucionará bastante tu problema.

Lo que pasa es que cuando flotas un div, sale del flujo normal del HTML y deja d ahcer crecer a su padre.

[kseso?]

¿probaste con "padding-bottom:200px" a "#extreno"?
¿o "margin-bottom:200px" a #interno" ?

[opzina]

sii...mucchisims gracias..

probe con margin-bottom:190px;

y anda perfecto!!!

saludoss!!