Maquetación con capas se ve mal en firefox

[Julcar]

Tengo el siguiente problema, estoy maquetando algunas plantillas para varias webs hermanas, el diseño debe ser casi igual, el cual a manera de árbol dispongo:

body
Capa global
capa cabecera
capa logotipo
capa botonera
capa busqueda
capa enlaces (enlaces de agregar a favoritos)
capa fecha (muestra la fecha)
fin de capa cabecera
Hasta aqui todo bien, se ve igual en firefox y en explorer

Aqui viene el problema, cuando quiero emplazar la capa central:

capa central
capa lateral izquierda
capa contenido
capa lateral derecha
fin de capa central
capa pie
fin de capa pie
fin de global
/body

En capa central tengo las dos laterales y dentro de ella la contenido, donde se supone van los contenidos de la web, dado que esta en plantilla, los contenidos estan en blanco, por lo que no hay nada dentro de ella, el punto es que la capa global tiene un background:#ffffff, por lo que todas las capas dentro de global al no llevar ningun background deberian llevar el color de fondo de global.

Ademas global tiene un borde de 1 pixel, y las capas dentro de global deberian tener ese pixel en su margen.

El problema es que en internet explorer se ve tal como quiero, todas las capas dentro de global tienen su borde exterior y su fondo blanco, pero en firefox y chrome solamente cabecera y laterales tienen el color blanco, mientras que contenido y toda pie estan transparentes.

Supuestamente se solucionaria añadiendo contenido en contenido (valga la redundancia) y a medida que se llena se va coloreando el fondo, pero no deberia ser asi, pues en IE se ve blanco aun no tenga nada.

[Raulmmmm]

¿Podrías poner un poco el código CSS y HTML? Seguramente, si has usado float, lo que te pasará es que debes poner antes del fin del div global:

Código HTML:

<div style="clear: both"></div> 

[Dalvenjha]

POrfavr pon tu CSS para poder darle una mirada.

[Julcar]

Código:

body {
background:rgb(209,180,127) url(imagenes/marmoleado.jpg) fixed;
text-align:center;
padding:10px 0px 10px 0px;
}

div#global {
border:1px solid rgb(101,113,163);
width:900px;
margin:auto;
background-color:rgb(255,255,255);
position:relative;
}

div#lateral-izquierda {
width:150px;
float:left;
padding-left:15px;
text-align:center;
}

div#lateral-derecha {
width:150px;
float:right;
padding-right:15px;
text-align:center;
}

div#contenido {
float:left;
width:530px;
text-align:justify;
padding:0px 20px 0px 20px;
}

div#pie {
width:900px;
float:left;
margin-bottom:15px;
}

div#menu-inferior {
padding-top:10px;
font:normal 80% sans-serif;
color:rgb(255,0,0);
}

div#enlaces-inferior {
font:normal 70% sans-serif;
color:rgb(255,0,0);
margin-bottom:8px;
}

[Julcar]

Evito no colocar lo de la cabecera para no extender mucho el mensaje

[Julcar]

Bueno, al final y luego de varios meses lo resolvi poniendole a global la propiedad overflow:hidden; y se arregló.