Mozilla Firefox no aplica los estilos

Hola,
Tengo un problema con la web que he creado, en IE se ve perfectamente, pero al verla desde Firefox 3.0.6 se ve todo descuadrado y movido de sitio. He consultado algunos validadores de css pero no me dan ningun error, y ya no sé que hacer. Os adjunto el css por si alguien puede ayudarme.

Gracias.

*{margin:0px ; padding:0px ; border:0px}
body {background-color: #b0c4de ; text-align:center }
#global {width:800px ; margin:4px auto }
#cabecera {height:30px; margin: 10px 0px 10px 0px}
#logotipo {float:left ; width:150px }
#navegacion {background-color: gray ; border: black 1px solid ; height:40px }
#navegacion li {float:left ; list-style:none ; margin: 10px 20px 0px 20px; font-family:verdana ; font-size:18px }
#navegacion ul {margin-left: 60px }
#contenido {width: 800px ; float:none ; margin: 30px 0px 30px 0px; font-family:verdana ; font-size:12px }
#contenido p {text-align:left ; margin: 0px 0px 0px 200px; padding: 15px 20px 5px 10px; font-family:verdana ; font-size:12px}
#menu {background-color: yellow; border:black 1px solid; width: 150px ; float:left; font-family:verdana ; font-size:18px}
#menu li {list-style:none ; margin: 10px 20px 8px 6px }
#pie {margin: 100px 20px; font-family:verdana; font-size:12px; border: black 1px solid; background-color:gray }
a {color:black ; font-size:0.8em ; text-decoration:none ; display:block }
a:link {}
a:visited {}
a:hover {color:blue ; text-decoration:underline }
a:active {}
p1 {text-align:center }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {}
#logotipo a:active {}

es que explorer y firefox utilizan métodos distintos para colocar las cosas de manera absoluta. es decir, que si pones un div a 300 pixels del lado izquierdo de la pantalla, no se ve igual en explorer que en firefox.

si, es una jodienda lo sé, pero es que explorer no quiere acomodarse a los standards que marca la W3C.

leo que este código hace que firefox se "comporte" como explorer (pobrecito que tortura xD):
*{-moz-box-sizing: border-box;box-sizing: border-box}
p{margin-top:0px;margin-bottom:1em}
form{margin:0px}
input{padding:1px}

pruébalo a ver si te funciona, es sencillo así que por probar que no quede.
te dejo también este link para que le heches un vistazo a ver si te sirve de algo:
http://www.dotpress.net/41/trucos-css-para-firefox-opera-safari-e-i…

por último, mi consejo: dado que microsoft (explorer) tiene la curiosa manía de ir por libre, y además no deja que se le toque, lo mejor es hacer las webs con el menor número de referencias a los pixels. Es decir, si puedes decirle que lo centre, o que lo haga en tanto por ciento, mejor. Y lo mejor de todo es usar tablas, yo uso siempre tablas que es lo mas rígido que hay, eso si que no se descuadra!! jeje, son bastante más cuadriculadas, pero con imaginación se pueden hacer muchas cosas.

espero haberte ayudado.