css en ie se mueve a la izquierda

[manuel2788]

Buenas tardes, acudo a ustedes ya que tengo varios días partiendome la cabeza con el "bendito" IE, específicamente la versión 9

Resulta que tengo un estilo css que funciona de maravilla en Chrome, Firefox, Safari, Opera... pero en ie el site se corre hacia la izquierda y desorganiza todo. Me gustaría le hecharan una ojeada y me dieran su opinión sobre cual puede ser el error.

Cabe destacar que dicho css fue pasado por un validador de css, teniendo como resultado, cero errores.

Código:

body {
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-top: 10px;
	background-image: url(imagenes/fondo.jpg);
}


h2 {
	text-align:center;	
}

#contenedor {
	width:800px;
	margin:auto auto;
	font-family:Helvetica, Arial, verdana;
	font-size:12px;
	text-transform:none;
	color:#FFF;
	font-variant:normal;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

a:link {text-decoration: none; color: #99CC00;} /* Link no visitado*/
a:visited {text-decoration :none; color:#99CC66} /*Link visitado*/
a:active {text-decoration: none; color:#99FF00;} /*Link activo*/
a:hover {text-decoration: none; color:#99FF00;} /*Mause sobre el link*/

#logo {
	height: 150px;
	width: 800px;
}

#menu {
	text-align: center;
	height: 50px;
	width: 800px;
	clear: both;
	background: url("imagenes/menu_h.png");
}
#menu ul{
		list-style-type: none;
		text-align: center;
}
#menu li{
		list-style: none;
		display: inline;
		margin: 0 10px;
}
#menu li a{
		color: #FFF;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		line-height: 43px;
		padding: 8px 15px;				
}
#menu li a:hover{
	color: #FFF;
	background: #000;
	border: 0px solid #fff;
}

#menu li a.current{
	display: inline;
	border: 1px solid #000;
	color: #FFF;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 15px;
	line-height: 43px;
}

#menu li a:hover.current{

}

#content_left {
	width: 200px;
	height: 400px;
	float: left;
	background: url("imagenes/content_left.png"); 
	margin-top: 1px;
}

#div {
	margin: 6px;	
}

#div label {
	width: 100px;
	float: left;
	text-transform: capitalize;
}

#content_center {
	width: 398px;
	height: 400px;
	float: left;
	background: url("imagenes/content_center.png");
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
}

.scroll {
	overflow: auto;
}

#content_right {
	width: 200px;
	height: 400px;	
	float: right;
	background: url("imagenes/content_right.png");
	margin-top: 1px
}

#footer {
	width: 800px;
	height: 50px;
	clear: both;
	text-align: center;
	background: url("imagenes/footter.png");
}

Gracias de antemano a todos aquellos que se interesen por el post.

Saludos