Problema con el mozilla

Hola a todos. Les voy a pedir que visiten mi web: www.mejorandotuweb.com
Si utilizo el internet explorer se ve bien
Pero con el mozzila se ve re feo. Como lo puedo arreglar?
Esta aca abajo es mi hoja de estilos.


* {text-indent: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-align: center}
h2 {font.size: 1.1em; color:blue ; text-decoration: none ; text-align: center ; margin: 15px 10px 0px 10px }
body {text-align: center; background-image: url(objetos/degradado-azul.gif); background-repeat: repeat-x; margin-top: 15px; margin-bottom: 15px;}
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width: 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 }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: LimeGreen ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 50px 0px 50px }
#navegacion ul { margin-left: 90px }
#contenido {background-color: PaleGreen ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#contenido p {margin: 10px 10px 0px 10px ; text-indent: 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 ; padding-top:12px ; background-image: url(objetos/menu-parte-superior.gif) }
#infopapel {display: block ; float: left; margin:25px 10px 10px 10px}
#canaslokas {display: block ; float: left; margin:25px 10px 10px 10px}
#mano {display: block ; float: right; margin:10px 10px 10px 10px}
#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 }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height:12px ; overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a: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}
#Context {font-family:Verdana ; font-size:18px; color:red}
#up {display: block ; float: right; margin:10px}
#contador {display: block ; float: right}

Hola, yo la veo mal con mozilla y con IE 8.
tu problema es con el contenido, tienes dos opciones, meterle mas contenido, osea mas palabras para que se desplace mas esa capa hacia abajo, , o la otra solucion es que le quites altura a la imagen esa de la mano, asi se te soluciona el problema. haz los cambios y nos cuentas, un saludo.
visita mi web:
http://www.artydecora.es

Yo con IE 7 la veo perfecto

ahora ya se te ve bien, pero si quieres ver como se ve tu web en diferentes navegadores, visita esta página.
http://browsershots.org/