(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.