Divs dentro de otro div

[lizfranco]

Hola,

Tengo un problema.
tengo un div contenedor con fondo blanco. Y dentro voy a poner 3 columnas con div.
En Explorer me funciona bien, en Firefox las columnas de me salen del div contenedor.

Código HTML:

#content { background-color:#fff; border:1px solid #000;}
#leftnav {border:1px solid #ff0000; float: left;
	background-color: #732264;
	width: 15%;
	color: #ffffff;
	height: 100%;}
#mid {border:1px solid #00CC66; float: left;
	width: 50%;
	height: 100%;
	margin: 0 15px;}
#rightnav {border:1px solid #330000; float: right;
	background-color: #B0BDEC;
	width: 15%;
	height: 100%;}

Código HTML:

<div id="content">

<div if="leftnav">
  <p>Texto</p>
  <p>Texto</p>
  <p>Texto</p>
</div>
<div if="mid">
  <p>Texto</p>
  <p>texto</p>
  <p>texo</p>
  <p>texto</p>
</div>
<div if="rightnav">texto</div>
</div> 

Y en los navegadores se muestra asi:



Como puedo hacer que las 3 columnas entren en el div content?

Gracias de antemano,
Liz

[kemie]

#content{overflow:auto;}
:)

[lizfranco]

Gracias kemie,
Como siempre ultra rapidas respuestas!!!

En Firefox me mostro los scroll entonces puse

#content {
overflow:auto;
overflow:hidden;
}

estara bien?
se ve bien... :)

Gracias!!!!!!!!!!
Liz

[RoQ]

no se ve como quieres en FF por que todos los divs estan flotando, tienes que hacer que el contenedor crezca, puedes poner algo asi despues del los divs
<br style="clear:both" />
claro que eso no es nada semantico, pero tambien sirve

[lizfranco]

Sabia que era por lo float pero no sabia como solucionarlo. Tu solucion tambien me sirve RoQ!
Gracias a ambos!!

Liz