Estoy diseñando por primera vez mi sitio en CSS y tengo un pequeño problema. Tengo todos los elementos de la página (Çheader, navbar, content) metidos en una capa contenedor. El problema viene con los navegadores FireFox y Opera en los cuales, a menos que especifique un min-height, la capa contenedor no varia de tamaño y se queda justo donde termina la barra de navegación, es decir, sin "contener" a las capas de contenido y footer. En Explorer, sin embargo, la capa contenedor si crece dependiendo del tamaño que adquieren las otras capas.
Este es el código:
Código HTML:
#wrapper {
text-align: left;
width: 740px;
background-color:#c33030;
margin: auto;
border: #000000 solid 1px;
<div id="wrapper">
<div id="header">
Header
</div>
<div id="navbar">
<ul class="menu">
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
</ul>
</div>
<div id="leftcolumn"> Contenido izquierdo</div>
<div id="centercolumn">
<p>Contenido central</p>
</div>
<div id="footer">Pie</div>
</div>
¿Alguna sugerencia?
Gracias!
