Problema con los margenes en mozilla

Hola:
Esta es mi pagina
http://coltruck.atwebpages.com
He puesto un margen en el texto de la division contenido. En internet explorer, se ve perfecto, pero mozilla toma el margen de arriba como si se lo hubiera dado a la division y no al contenido.

Esta es mi lista de estilo:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: none ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center ; background-color:#8B0000}
body {background-image: url() ; background-repeat: no-repeat ;
width: 800px ;
height:900px ; overflow: left }
#global {width:800px ; margin:4px auto }

#cabecera { color:white ; background-image: url(objetos/curva-cabecera.JPG) ; width: 800px ; height:193px ; background-position: top ; margin: 5px 0px 0px 0px}
#lema {width:230px ; height:160px ; margin: 5px 5px 5px 5px ; background-color: ; float:left}
#lema h1 {font-size:24px ; color:silver ; margin: 20px 0px 0px 0px ; text-align:center}
#lema h2{font-size:14px ; color:black ; margin: 0px 0px 15px 0px ; text-align:center}
#logo {width:240px ; height:160px ; margin: 5px 5px 5px 5px ; background-color: ; float:left}
#logo h1 {font-size:17px ; color:red ; margin: 10px 60px 0px 0px ; text-align:center}
#logo h2 {font-size:17px ; color:black ; margin: 0px 60px 0px 0px ; text-align:center}
#navegacion {background-color:g ;height:30px ; margin: 10px 0px 10px 0px ; text-align: center}
#mision li { color:white ; background-image: url(objetos/barra.JPG) ; height:30px ; width:360px ; float:left ; list-style:none ; margin: 0px 50px 0px 5px ; text-align: center}
#vision li { background-image: url(objetos/barra.JPG) ; height:30px ; width:360px ; float:left ; list-style:none ; margin: 0px 5px 0px 5px ; text-align: center}
#mision h1 {margin: 5px 5px 0px 5px}
#vision h1 {margin: 5px 5px 0px 5px}
#contenido {margin: 5px 0px 10px 0px ; height:250px ; width:800px ; background-image: url(objetos/curva-con.JPG); background-position: botton }

#contenido p {margin: 25px ; font-size:15px ; text-align: justify ; text-indent: 15px}
#menu {margin: 25px 10px 3px 7px ; height: 200px ; width: 180px ; float:left ; text-align:left ; margin: 25px 10px 3px 7px ; background-image: url(objetos/menu.JPG) ; background-position: bottom ;padding-bottom:5px }
#menu a {margin: 5px 0px 0px 0px ; font-size:13px ; color:gold ; text-decoration:none }
#menu ul {list-style:none}
#menu li {color:white ; text-align: center ; background-image: url(objetos/barra2.JPG) ; height: 25px ; width: 120px ; list-style: ; margin: 7px 5px 4px 31px }
#menu h1 {color:silver ; margin: 0px 0px 10px 15px ; font-size:14px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.bmp) }
#pie { height: 275px ; background-image: url(objetos/curva-pie1.JPG) }
#pie li {list-style: none ; font-size: 12px }

#pieuno li {color:white ; text-align: center ; background-image: url(objetos/barra2.jpg) ; height: 25px ; width: 120px ; list-style: ; margin: 15px 5px 4px 31px }

#pietres li {color:white ; text-align: center ; background-image: url(objetos/barra3.jpg) ; height: 25px ; width: 180px ; list-style: ; margin: 15px 5px 4px 26px }
#pieuno { height: 170px ; width: 180px ; float:left ;
text-align:left ; margin: 105px 10px 3px 5px ;
background-image: url(objetos/menu1.jpg) ;
background-position: bottom ;
padding-bottom:5px }
#piedos {height: 275px ; float:left ; width:370px ; margin: 10px 0px 0px 0px }
#pietres {background-image: url(objetos/pietres.JPG) ; height: 150px ; float:right ; width:220px ; margin: 10px 5px 10px 0px}

#curva-inferior { background-image: url(objetos/curva-pie1.JPG) ; background-position:left bottom ;
background-repeat: no-repeat ;
width: 800px ;
height:290px }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pieuno a {margin: 5px 0px 0px 0px ; font-size:13px ; color:gold }
#pietres a {margin: 5px 0px 0px 0px ; font-size:13px ; color:gold }
#pie a {color: green ; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

Alguien sabe que esta pasando?
De ahi para abajo la pagina esta en construccion

Hola Claudiana;

prueba a hacer esto para sacar tus conclusiónes;
he de decirte que tienes varios errores que seguro que si lo observas mejor lo vas depurando.
Para que tu contenido se centre en IE y firefox, prueba momentaneamente con estos cambios;

elimina esto;
body {background-image: url() ; background-repeat: no-repeat ;
width: 800px ;
height:900px ; overflow: left }

Pon un </div>
entre div y div ;
</div>
</div>
</div>
</body>
</html>

Este meta entre el head;

<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>

Tienes propiedades vacias como;
list-style: ;


Miralo y seguro que lo arreglas.


manmanu