Problemas con Firefox pero no con IE6!!

[Strate]

Hola Buenos días!

Aprovecho para presentarme, soy Strate y estoy emprendiendo algunos proyectos web, así que tengo muuuucho que aprender, pero bueno, a ello voy.

Queria preguntaros por el problema que tengo con un tema, y es que tengo una página la cual estoy maquetando que se ve bien en IE6 pero no en Firefox, os pongo una imágen que vale más que mil palabras.

Firefox:


IE6:


Como decía el problema es que debe quedar como lo muestra IE pero no consigo hacerlo.

A continuación os pongo el código CSS para ver si me podeis ayudar a encontrar la solución a mi problema.

CSS:

Código:

/* ESTILOS GENERALES */
body {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*
	margin: 0px;
	padding: 0px;
*/
	text-align: center;
}

/* MAQUETACIÓN */
#contenedor {
	width: 1000px;
	margin: 0 auto 0 auto;
	background-color: #dff4d0;
	height: auto ! important;
	position: relative;
	border: 1px solid #6a6a6a;
}

#header {
	width: 1000px;
	height: 40px;
	background-color: #e4a5c1;
	margin: 0 auto 0 auto;
	position: relative;
	}

#sub_header {
	width: 1000px;	
	height: 200px;
	background-color: #8080ff;
	margin: 0 auto 0 auto;
	position: relative;
	display: block;
	clear: both;
}

#menu_sup {
	width: 1000px;	
	height: auto !important;
	padding: 0px;
	background-color: #2175bc;
	margin: 0 auto 0 auto;
	clear: both;
}

#menu_sup li {  
	display: inline;  
}

#menu_sup li a {  
	font-family: Arial;  
	font-size:11px;  
	text-decoration: none;  
	float:left;  
	padding: 10px;  
	background-color: #2175bc;  
	color: #fff;  
}  

#menu_sup li a:hover {  
	background-color: #2586d7;  
	margin-top: -2px;  
	padding-bottom: 12px;  
}

#menu_izq {
	width: 200px;
	height: auto;
	background-color: #beac9a;
	float: left;
	position: relative;
}

#contenido {
	width: 600px;
	height: auto;
	background-color: #fbf28e;
	float: left;
	position: relative;
}

#menu_der {
	width: 200px;
	height: auto;
	background-color: #408080;
	float: left;
	position: relative;
}

#pie {
	width: 1000px;
	height: auto;
	clear: both;
	background-color: #f7aef9;
	margin: 0 auto 0 auto;
	position: relative;
	
}

/* ESTILOS CUERPO */

Perdonad que lo pegue todo, pero esque si veis algún otro problema, mala estructuración, etc... comentadmelo porfavor, estoy empezando y seguro que tengo miles de fallos.

La dinámica de mi web va a ser sobre turismo, la idea es hacerla de 0 sobre todo porque es como un proyecto personal y así aprender tanto diseño como programación web.

Bueno, a ver si alguien me puede echar una manita

Muchas gracias y Saludos a todos!!