no logro hacer q mi pagina se vea bien con firefox y chrome

hola a todos la verdad es en lo ultimo q los quisiera molestar.

habia terminado mi pagina web, tenia todo listo despues de muchas consultas a este foro, sin embargo la subí y parecia todo bien.
hasta q la vi en otros buscadores y la verdad note q es un desastre.

si me pudieran ayudar seria buenísimo.

mi web:

http://murialdo-basquet.onlinewebshop.net


les dejo mi hoja de estilos por las dudas las necesiten.

* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify; font-family: arial }
h1 {font-size: 1.2em; color:white ; font-weight: bold ; font-family:verdana; text-decoration: underline ; text-align: center}
h2 {font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h3{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h4{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h5{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
a {color: orange; text-decoration: none;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration: underline}
a:active {}
body {text-align: center}
#global1 {width:1024px; background-color: #000000 }
#global {width:800px;height:auto; margin: 4px auto; background-position: center}
#curva-superior {background-image: url(objetos/curva-superior.gif); background-repeat: no-repeat; width: 1024px; height: 12px; overflow : hidden}
#participa {background-position: left; margin: 204px 10px 0px 0px}
#cabecera {border-bottom: black 1px solid; width:798px; height:160px;}
#logotipo {background-color: black ; width:350px ; float:left}
#publicidad {background-color: black; background-image: url(objetos/publicidad.JPG);background-repeat: no-repeat; width:448px;height:155px; float:right}
#navegacion {background-color: black; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; height:40px; font-family:arial; font-size:13px;}
#navegacion li {float: left; liststyle: none; margin: 8px 25px 7px 25px}
#nacegacion ul {margin-left: 60px}
#contenido {background-image: url( objetos/basketball6_01.jpg);background-repeat: repeat; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; widht: 800px; height:700px }
#contenido p {font-size:12px; font-family: arial; padding: 5px 10px 5px 10px; text-indent: 15px; color:#FF7F24}
#cuadro {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro2 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro3 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro4 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro5 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#menu {background-color: black; width: 150px ; float:left ; text-align:left ; margin: 20px 10px 3px 5px ; ; 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}
#cuadroplantilla {background-color: black; margin: ; float: right; width: 600px; margin: 20px 20px 10px 10px}
#pie {background-color: black; border-right: black 1px solid; border-left: black 1px solid; border-top:black 10px solid; height: 69px}
#pie li {list-style: none; font-size: 12px}
#pieuno {float:left; width:150px}
#piedos {float:left; width:498px; height:65px; }
#pietres {float:left; width:150px}
#curva-inferior {background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:1024px; height: 12px; overflow : hidden}
#pie a {color: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:withe ; text-decoration:underline ; background-color: withe }
#pie a:active {color:white}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

que es exactamente lo que no se ve bien???

por ejemplo la imagen de fondo de la capa cuadro en el index

se ve cortada en esos dos programas

y las otros capas dentro el alto no es automático como en el explorer.

o sea q mientras q en el explorer no hace falta q le ponga a cada capa un alto en esos si necesito ponerles un alto???

asi es
cada explorador tiene sus valores por defecto
por eso la importancia de verlo con diferentes
para que trates de igualarlos

saludos

y q me aconsejas q ponga un valor para cada cuadro de acuerdo a lo q necesite?

osea q cada vez q quiera agregar o quitar información tendre q cambiar esos valores??

perdon la ignorancia...

y no sabes xq la foto de la capa contenido me sale cortada???.


muchas gracias de verdad por tanta ayuda

ya corregi el problema con la imagen de fondo en la capa contenidoindex.

ahora tengo problemas para centrar las capas dentro de esta capa.

por ejemplo si aplico mas margin superior a la capa cuadro1, que es la primera en dentro de la nombrada, lo unico q hago es separa simplemente más a la capa contenido index de la q esta arriva de esta.

no se q hacer ...

YA HE SOLUCIONADO MI PROBLEMA...

MUCHISIMAS GRACIAS POR TODO.