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;
}
 

[kseso?]

#contenedor {
text-align: left;
width: 760px;
padding-left: 6px;
float: left;
}

#lateral {
text-align: right;
width: 200px;
float: right;
}

Busque información sobre el modelo de caja (box model):
el estandar implementado por chrome, firefox, ópera...
y el que usan los ie.

[srgio1112]

No he podido solucionarlo, alguna idea más?

[Eucodance]

Subi capturas de la web de como se ve en ie

[srgio1112]

He hecho una captura de como aparece.

[jomaruro]

Hola:

Utiliza comentarios condicionales.

Saludos.

[srgio1112]

Ya he solucionado el problema. Explico cómo:

He hecho un pequeño programita en PHP que detecta el navegador. Si el navegador es IE, devuelve la página con el CSS para IE, y si es otro navegador, devuelve la página con el CSS normal, al que he llamado "CSS estándar de la web" para no hacerme lios.
Ya se ve todo perfecto. Tuve que quitar los estilos de #contenedor.

[jomaruro]

Hola:

A eso se le llama hacer caso a lo que te recomiendan, eso si, complicándose la vida.

Saludos.

[leo_nqn]

Hay otras maneras de solucionarlo.. pero bueno... si te gusta hacer un css para cada navegador... Saludos...

[martines]

A mi me pasa lo mismo, me puedes ayudar.

Te dejo el link que hice y si me lo puedes explicar un poco

http://www.forosdelweb.com/f53/resol...a-todo-885109/