Problema con Mozilla

[adexedl]

Hola amigos,

Estoy empezando a maquetar con div y css y tengo un problema, que en Internet Explorer si se me ve bien lo que llevo hecho hasta el momento pero en Mozilla no, salen las imágenes descolocadas.

La prueba la tengo aquí http://look360.es/2008/

Saludos y gracias

Pongo el CSS

body {
background-color: #000000;
margin-top: 0px;
text-align:center;
background-image: url(../imagenes/bg-fondo.jpg);
background-position: center 0px;
background-repeat: repeat-y;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contenedor {
height: 100%;
width: 767px;
}
#encabezado {
height: 122px;
text-align: left;
}
#menu {
height: 21px;
text-align: right;
}
#lateral {
float: left;
width: 182px;
}
#lateral {
float: left;
width: 182px;
}
#contenido {
float: right;
width: 585px;
}
#pie {
font-size: 10px;
}

[juaniquillo]

eso es porque no has centrado el contenedor. agrégale los margenes:

Código HTML:

#contenedor {
    height: 100%;
    width: 767px;
    margin: 0 auto;
}

[adexedl]

Gracias Juaniquillo,

justo el problema. Saludos