Pagina descuadrada en explorer

[Frangorn]

Apreciados compañeros,

Soy bastante lego en esto del diseño web, me encuentro con un problema y no se como salir.
Estoy creando una página web y cuando tenía casi maquetada la portada se me ocurre revisarla con el explorer, entonces veo que todo lo que en Chrome está correcto queda totalmente descuadrado.

La portada en cuestión es [URL="http://bestcostaricantours.com/Nuevo/index.html"]www.bestcostaricantours.com/Nuevo/index.html[/URL] donde podéis ver el código fuente y el CSS es el siguiente:

__________________________________________________ __________

*{text-indent:0;border:0;margin:0;padding:0}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

body {
margin: 0 auto;
font-family:Tahoma, Verdana, century gothic;
background: repeat url("images/fondo.jpg");
width: 980px;
height:auto;
font-size: 12pt;
line-height: 1.75em;
}

#logotipo {align:left;
margin-left:10px;
width:980px;
}

header {
background:center no-repeat url("images/beach-paradise1.jpg");
height:150px;
width:100%;
}

p {
font-size: 17px;
text-align: justify;
text-indent: 0px;
margin: 0px ;
}

footer {
padding-left:15px;
width:980px;
height: auto;
}

.nivoSlider {
position:relative;
background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.nivoSlider a {
border:0;
display:block;
}

#cuerpo {
height:auto;
}
#lateral {
width: 200px;
height: 720px;
float:left;
margin-left:10px;
color:white;
background-color:#333633;
padding:10px;
border-style:solid;
border-width:18px 16px;
-webkit-border-image: url("images/borde1.jpg") 18 16 repeat round;
-moz-border-image: url("images/borde1.jpg") 18 16 repeat round;
-o-border-image: url("images/borde1.jpg") 18 16 repeat round;
border-image: url("images/borde1.jpg") 18 16 repeat round;
}

#textos {
float:left;
color:white;
height:300px;
width:280px;
margin:0 0 100 30;
background:#333633;
padding:10px;
border: 0;
}

#textos1 {
float:right;
color:white;
height:300px;
width:280px;
margin:0 10 100 0;
background:#333633;
padding:10px;
border: 0;
}

.foto {
align:center;
width:260px;
height:200px;
}

#textos a {
color:#73aa22;
text-decoration:none;
text-font:Tahoma;
}

#textos1 a {
color:#73aa22;
text-decoration:none;
text-font:Tahoma;
}

#lateral a {
text-decoration:underline;
color:#73aa22;
font-size:15px
}

#lateral h1 {
font-size:25pt;
color:#73aa22;
text-decoration:none;
text-align:justify;
}

footer li {
align:center;
display:inline;
margin-top:20px;
padding: 10px;
font-size: 10pt;
}

footer a {
color:#578314;
}

__________________________________________________ ____

Muchas gracias por vuestra colaboración.

[juanito1712]

no quiero parecer amargo pero, el error es este

y cuando tenía casi maquetada la portada se me ocurre revisarla con el explorer,

cuando creas una maquetacion lo normal es que la revises en uno por comodidad, pero cada 15 minutos o asi fuerzate a hacerlo con los 5 "esterlla" asi normalmente el fallo sabes que está en los últimos 15 minutos de trabajo

quiza te parezca una respuesta inutil pero, vuelve a empezar, y revisa con todos los navegadores a partir de ahora ;).

Para navegar utiliza el que mas te mole, pero para desarrollo utiliza IE, es lo mas práctico, normalmente lo que funciona en IE suele funcionar en los demás pero lo que funciona en los demás no siempre funciona en IE, es el hueso duro de roer ;)