PROBLEMAS CON FIREFOX

Saludos,
He realizado dos paginas web siguiendo su tutorial, son estas:
http://construaries.atwebpages.com
http://revistaalbiverde.atwebpages.com
en Internet Explorer sale bien, pero en firefox sale todo mal (por favor verificar en Opera), no se cual es el problema, tome en cuenta de no colocar width cuando ponemos borde en un div, pero sigue igual....Quisiera que me dijeran donde esta mi error

Este es el css de http://construaries.atwebpages.com
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
body {background-color: #B22222; text-align: center ;height: 100%;}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: gainsboro ; height:85px;}
#logotipo { width:280px ; float:left }
#publicidad { width:457px ; float:rigth ; margin-top:25px }
#navegacion {background-color: gainsboro ; ;border-top: black 1px solid;border-bottom: black 1px solid; height: 20px;}
#navegacion ul { margin-left: 180px }
#navegacion li {float:left ; margin: 0px 10px 0px 10px }
#contenido {background-color: white ; }
#contenido p {padding: 20px 50px 20px 180px ; font-family: arial, sans-serif ; letter-spacing: 1px ; text-align:left ; text-indent: 15px}
.titulo {color:#B22222 ; font-size:1.4em ; font-family: arial, sans-serif }
.linea {color:#B22222 }
#menu {background-color: ghostwhite; width: 150px ; height: 500px ; float:left ; text-align:center ; margin-right: 10px ; margin:0px 10px 3px 0px}
#contacto {margin-top: 50px}
#direccion {margin-top: 50px; margin-bottom: 50px}
#telefono {margin-bottom: 50px }
#pie {background-color: gainsboro ; border-top: black 1px solid ;border-left: black 10px solid;border-right: black 10px solid;}
a {color: brown ; font-size:1.3em ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

Este es el css de http://revistaalbiverde.atwebpages.com
* {margin: 0px; padding: 0px ; border: 0px }
body { text-align: left ;margin: 2px; height: 100%;}
#global { width : 1000px ; margin: 4px auto;}
#direccion { height: 160px ; background-color: green ; float: left ;border-bottom: #ffffff 2px solid}
#escudo {width: 170px ; float: left ; background-image: center center; padding-top: 5px}
#nombre { width: 830px ;float: right ;color:#ffffff; font-size: 40px ;text-align: center ; font-weight: bold; padding-top: 50px ; font-family: "arial", serif}
.sugerencia { text-align: center }
#cabecera2 { height: 200px ; background-color: green ; border-bottom: #ffffff 2px solid;}
#socio { width: 515px ;float: left;font-size: 40px ;margin-top: 15px ; color:gold ; text-align: center;border-right:#ffffff 2px solid ; font-family: "arial", serif}
.hacete {font-size: 45px }
#socio2 { width: 106px ; float: left ; padding: 3px ;text-align: center ; font-family: "arial", serif}
#camiseta { width: 375px ;float: right;border-left: #ffffff 2px solid}
#menu1 { background-color:#006600 ; height: 20px ;border-bottom: green 2px solid }
lu { font-weight: bold }
#menu1 li { float: left; margin: 0px 25px 0px 25px ;font-weight: bold ;list-style: none }
#menu2 { background-color: #006600; height: 20px ;border-bottom: #ffffff 2px solid}
#menu2 li { float: left; margin: 0px 30px 0px 30px ;font-weight: bold ;list-style: none }
#noticia { width: 700px; border: black 2px solid;background-color: #F0FFF0 ;}
#fotonoticia { float: left; }
#fotomenu { width: 980px; border-top: #ffffff 2px solid; background-color: green;}
#enlace { width: 704px; float:left ; }
#casacas { width:200px ;float:left; border-right:white 2px solid ;background-color: green;}
#bellezasalbiverdes { width:300px ;float:left; border-right:white 2px solid ;background-color: green}
#combates { width:200px; float:right;background-color: green; border-right:white 2px solid;text-align: center;}
#historia {width:200px; float:left;background-color: green; border-right:white 2px solid }
#inferiores {width:200px; float:left;background-color: green;border-right:white 2px solid }
#plantelprofesional { width:300px; float:right; background-color: green; border-right:white 2px solid }
#videos { width: 700px; float:left ; }
a { font-size: 20px; color: white ; text-decoration: underline}
a:link { }
a:visited { }
a:hover { color: #006600; text-decoration: underline ; background-color: #66cc66 }
a:active { }
.fotolink a { font-size: 20px; color: white ; text-decoration: none}
.fotolink a:link { }
.fotolink a:visited { }
.fotolink a:hover { color: #006600 ; text-decoration: none; background-color: #66cc66 }
.fotolink a:active { }

Gracias por la Web me es de gran ayuda.

Hola spaceboy

intenta poniendo floats donde faltan, anchos especificos altos exactos asi no se salen de lugar en fire. NO te lo pongo todo resuelto como a los otros por q yo soy del Bolivar :P

Salu2