problemas con alineacion de divs uno debajo del otro

[susaninhax]

Buenas dias a todos;

Tengo un problema con unas capas. Os adjunto el codigo por si alguien me puede hechar una mano, porque estoy desesperada. Me crea muchos conflictos. Pero es muy básico. No se que es lo que puede crear conflicto para que la capa "pie de pagina" se coloque debajo de la "capa contenido". No consigo alinear la capa pie de pagina debajo de la de contenidol. Alguien puede ayudarme?¿

Lo veo mal en firefox, me aparece el texto de pie de pagina debajo del resto como debe de ser, pero el background se ve mal..

En explorer lo veo correctamente. Pero necesito que se vea bien para firefox...

Algo asi:

GENERAL
CABECERA
CONTENIDO
PIE DE PAGINA
FIN GENERAL

Muchas gracias de antemano a todos. Un saludo!!!

Código HTML:

<div id="general" style="width:100%; margin:auto; float:none">


<!--/////////////////////////////// CABECERA //////////////////////////////////////-->
 	<div  id="cabecera" style="width:100%; margin:auto; float:none; height:25px;">
		<div style='width:15%; float:left; height:20px;'>vacio</div>
		

		<div style='width:6%; float:left; height:20px;'>SIPS-1</div>

		

		<div style='width:6%; float:left; height:20px;'>PRB-8</div>

		

		<div style='width:6%; float:left; height:20px;'>PRB2-9</div>

		

		<div style='width:6%; float:left; height:20px;'>PRB3-10</div>

				<div style='width:6%; float:left; height:20px;'>

		Total		</div>
	</div>

<!--/////////////////////////////// Fin de CABECERA //////////////////////////////////////-->

<!--/////////////////////////////// Comienzo contenido //////////////////////////////////////-->
	<div id="contenido"  style='width:100%;float:none; margin:auto;'>
		<div style='width:100%; float:left'>
			<div style='width:15%; height:25px; float:left'>Febrero de 2008</div>
		
			<div style='width:6%; height:25px; float:left;'>1</div>
			<div style='width:6%; height:25px; float:left;'>0</div>
			<div style='width:6%; height:25px; float:left;'>0</div>
			<div style='width:6%; height:25px; float:left;'>0</div>

			<div  style='width:20%; float:left; height:25px'>1</div>
				
		</div>
			
	</div>
<!--/////////////////////////////// Fin de contenido //////////////////////////////////////-->

<!--/////////////////////////////// PIE DE PAGINA //////////////////////////////////////-->

	<div id="pie_de_pagina" style=' background-color:#996666; width:100%; float:none; margin:auto; height:25px'>
	
		<div style="width:15%; height:25px; float:left">
	
		Total por Plat:
		</div>
	
		 <div style="width:6%; height:25px; float:left">2</div>
		 <div style="width:6%; height:25px; float:left">4</div>
		 <div style="width:6%; height:25px; float:left">2</div>
		 <div style="width:6%; height:25px; float:left">1</div>
		<div style="width:6%; height:25px; float:left">9</div>

	
	</div>
<!--///////////////////////////////FIN PIE DE PAGINA //////////////////////////////////////-->

</div>