Se ve bien en I.explorer, pero en mozilla no

hola: de antemano os digo que muchas gracias por todo.
mi problema es que en internet explorer se ve bien y en mozilla fatal, es solo el ejemplo de la web del curso pero estoy haciendo la mia y antes de empezar a subirla, me gustaria saber q falla.

http://thejames.mywebcommunity.org/historia/historia.html

navegad por ella y vereis como se deforma.

*{text-ident:0px ; margin:0px ; padding:0px ; border: 0px }
p {text-align: justify }
h1 {font-size: 1.2em ; color: blue ; font-weight: bold ; text-decoration: underline ; text-aling: center }
h2 {font-size: 1.1em ; color: blue ; font-weigth: bold ; text-decoration: none ; text-aling: center }
body {text-align: center }
#global {width:800px ; margin: 4px auto }
#curva-superior {background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; widht:800px ; height: 12px ; overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }
#logotipo {width:280px ; float:left }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a: {}
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: grey ; border: black 2px solid ; height: 30px }
#navegacion li {float:left ; list-style:none ; margin: 0px 18px 0px 18px }
#navegacion ul {margin-left: 40px }
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 0px 10px ; text-ident: 15px}
#menu {width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif); padding-top:12px }
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width: 150px }
#piedos {float:left ; width: 498px }
#pietres {float:left ; width: 150px }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color: red ; text-decoration:underline ; background-color: silver }
a:active {}
a.enlaceuno {}
a.enlaceuno:link {}
a.enlaceuno:visited {}
a.enlaceuno:hover {}
a.enlaceuno:active {}
#pie a {color: blue ; 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}
#curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; widht: 800px ; height:12px ; overflow: hidden }

gracias por vuestra ayuda