La página se descuadra en Internet Explorer

[srgio1112]

Buenas,
he maquetado una web en CSS, y en Google Chrome todo va bien, todo en su sitio. La web tiene una cabecera con el logo de la web arriba, el contenido de la web a la izquierda y un lateral a la derecha, además del pie de página que está dentro del contenido.
En Internet Explorer, el contenido se baja hasta donde acaba el lateral. Como lo soluciono? Este es el CSS completo de la web: (en la línea 66 comienza la cabecera)

Código CSS:

body {
background: url('bg.jpg');
font: 12pt Verdana;
color: white;
margin : 20px 0px 20px 0px;
width: 1000px;
}
 
.nar {
color: orange;
font-size: 12pt;
}
 
.neg {
color: black;
font-size: 12pt;
}
 
#boton-naranja {
background: #e95d0f;
-moz-border-radius: 15px;
font-size: 14pt;
padding-left: 2px;
padding-right: 2px;
}
 
#boton-verde {
background: #97bf0d;
-moz-border-radius: 15px;
font-size: 14pt;
}
 
#boton-blanco {
background: #ffffff;
-moz-border-radius: 15px;
font-size: 14pt;
}
 
#boton-amarillo {
background: #ffed00;
-moz-border-radius: 15px;
font-size: 14pt;
} 
 
#lema {
font-family: Arial;
font-size: 20pt;
color: orange;
position: absolute;
top: 55px;
left: 300px;
}
 
#op {
background: orange;
padding-right: 15px;
padding-left: 15px;
moz-border-radius: 15px;
font-size: 14pt;
}
 
#op:hover {
background: red;
}
 
#cabecera {
height: 400px;
width: 960px;
margin: auto;
}
 
#contenedor { 
text-align: left; 
width: 760px; 
padding-left: 6px;
float: left;
} 
 
#lateral {
text-align: right;
width: 200px;
float: right;
}
 
#pie {
border-top: 2px solid grey;
width: 960px;
font: 10pt Verdana;
text-align: center;
}
 
a:link, a:visited, a:focus {
text-decoration: underline;
color: white;
}
 
a:hover {
text-decoration: none;
color: white;
}