tengo problemas con firefox

HE INTENTADO HACER TODO PERO MI PAGINA SE VE MAL EN FIREFOX NO C POR QUE!! NECESITO QUE ALGUIEN LA VEA Y ME DIGA UNA IDEA DE COMO CORREGIR ESO

http://www.resslen.unlugar.com

Mi hoja de estilos es esta:



* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: right}
body {background-color: #000000;
background-image: url(OBJETOS/fondoweb.JPG);
background-repeat: repeat;
background-position: center center}
#global {width:800px ; margin:4px auto }
#cabecera { width: 800px ; border-left: black 1px solid ; border-right: black 1px solid }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#menu {background-color: orange ; width: 120px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(OBJETOS/celda.png);
background-position: bottom ;
padding-bottom:21px }
#menu li {list-style:none }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top: 0.5px ;
width: 136px ; background-image: url(OBJETOS/mnu-arriba.JPG) }

#menu1 {background-color: orange ; width: 120px ; float: right ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(OBJETOS/celda.png);
background-position: bottom ;
padding-bottom:19px }

#menu1 li {list-style:none }
#menu1 h1 {text-decoration:none ; font-size:12px ; padding-top:0.5px ;
width: 136px; background-image: url(OBJETOS/mnu-arriba.JPG) }
#menu2 {background-color: orange ; width: 120px ; float:rigth ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(OBJETOS/celda.png);
background-position: bottom ;
padding-bottom:19px }
#menu2 li {list-style:none }
#menu2 h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(OBJETOS/menu-parte-superior.gif) }

#tabla {background-color: orange ; width: 301px ; height:168px ; background-image: url(OBJETOS/hojita.bmp) ; padding: 1px 1px 1px 1px }
#letra {color:#FFFAFA ; text-decoration: none ; font-family: Comic Sans MS}
#titulo {color:#0000CD ; text-decoration: underline ; font-family: BATAVIA ; font-size: 15px}

#pie {background-color: white ; width:800px ; float:center ; }
#pie li {list-style: none }
#pieuno { float:left ; width:150px }
#piedos { float:left ; width:498px }
#pietres { float:left ; width:150px }

#contenido {width: 800px ; background-color: black ; color: white ; text-aling: left;
border-left: black 1px solid ; border-right: black 1px solid}

p {text-align: justify}
#contenido p{ padding: 5px 10px 0px 10px; text-indent: 15px}
h1 {font-size: 1.2em; color:red ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: i ; text-align: center}
#curva-superior { background-image: url(OBJETOS/cabecera naranja.jpg);
background-repeat: no-repeat ;
width: 800px ;
height:150px ;
overflow: hidden }
#curva-inferior { background-image: url(OBJETOS/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height:12px ;
overflow: hidden }


#navegacion ul { margin-left: 180px }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {color: blue}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}



a:link {color: blue ; text-decoration:underline ; background-color: none}
a:visited {color: blue}
a:hover {color: blue ; text-decoration:underline ; background-color: none}
a {color: blue ; text-decoration:none ; display: block }

es que si has hecho el curso paso a paso de CCTW, te dicen en un apartado que poner para que en Firefox se vea perfectamente igual que en explorer

Pero kany, los usuarios después crean su propia web y no la dejan exactamente como en el curso, sino como les guste a ellos :wink:

Pues mira, primero vamos a hacer que la web se centre en general. Para ello este código de la hoja de estilos:
body {text-align: right}

Cambialo por este otro:
body {text-align: center}

Además, si te fijas, en la hoja html tienes esto:
<div id="global"

No le has puesto el >, lo correcto es:
<div id="global">

Prueba eso y lo que se siga viendo mal lo cambiamos.
Saludos :wink: