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