definir height y div auto en divs

[abuenog]

Hola,

os pongo un ejemplo de lo que quiero para que os hagáis una idea:

Código:

<style>
	 
.dialog{
	position: absolute;
}
	 
.dialog .dialog-head{
	position: relative;background-color: blue;height:25px;
}

.dialog .dialog-head-toolbar{
	position:absolute; right: 0px; background-color: yellow;
}

.dialog .dialog-body{
	position:relative;background-color: #4e7995; 
}
 
</style>

<div class="dialog">
	<div class="dialog-head">
		<div class="dialog-head-toolbar">
			<button>O</button>
			<button>O</button>
		</div>
		<div class="dialog-head-mid">Title</div>
	</div>
	<div class="dialog-body">
		Este texto no tiene ningún propósito razonable, ni aporta absolutamente<BR>
		ningún dato en especial, ya que es un simple relleno. Podría bromear un poco, y r<BR>
		eproducir el discurso de un político, un fragmento de la legisl<BR>
		ación educativa o cualquier otro texto del mismo nivel de erudición, pero, pensándomelo <BR>
		mejor, prefiero dejarlo en este inútil fluir de palabras huecas, que <BR>
		no tiene ningún propósito razonable.
	</div>
	
</div>

Si lo véis en Firefox veréis como funciona correctamente el código. En cambio en Explorer no funciona bien. El problema lo tiene el height:25 que hay en el head.
Lo que necesito es que funcione como lo hace con Firefox, es decir, que el div se adapte al tamaño del contenido.

No puedo colocar ningún width en ningún div, puesto que el contenido será dinámico y no puedo conocer el tamaño.

Gracias