Problema con Firefox. Pls, necesito ayuda.

Estoy preparando una página siguiendo el curso de CCTW (Verdaderamente bueno, genial, sin palabras!!!). No tengo ideas previas de programación y diseño web.

Los resultados me aparecen bien en Internet Exprorer pero con Firefox en páginas secundarias (No en el índice) me aparece un espacio entre la cabecera y el contenido. Además en todas las páginas, no me aparece el logo (en flash) y en otras las tablas me aparecen desconfiguradas.

La página está colgada en www.circuitosconencanto.com y las páginas que me dan problema son las de agencias de viaje y comentarios (El resto está sin terminar)

¿Alguién me puede dar una pista sobre cual puede ser el problema o ayuda?

Un cordial saludo,

Javier

bien pues creo aver visto debajo del div del menu de peru y eso que cerraste la lista y dos divs pero segun yo te falta cerrar bien uno


</div>
<div>

asi:


</div>
</div>

no se si cause algun problema pero un error pequeño como ese ami me desaparecio mi cabecera por eso hay que tener cuidado

lo demas lo veo bien tal vez el error esta en tu hoja de estilos... si no la pudieras mandar para verla

ah y lo de el flash tambien lo veo bien no se por que no lo lee firefox

Ya he pensado en que podia ser algo del </div> pero lo he repasado y están exactamente igual que en el index, por lo que no veo porque da problemas en una página y no en la otra.

Paso la hoja de estilos, a ver si veis algo y me podeis ayudar. Aunque si fuese en el tema de estilos afectaria a todas las páginas y no sólo a unas en concreto ¿no?


* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.9em; color:white ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
h3 {font.size: 1.7em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
h4 {font.size: 1.2em; color:red ; font-weight: bold ; text-decoration: none ; text-align: center}
h5 {font-size: 1.3em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}
h6 {font-size: 1.0em; color:black; font-weight: none; text-decoration: none ; text-align: justify; margin: 5px 5px 5px 5px}
body {text-align: center}
#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: 125px}
#logotipo {background-color: white; width:150px ; float:left; margin: 10px 10px 10px 10px }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad {background-color: white; width:600px ; float:right; margin: 10px 5px 5px 5px; height: 90px}
#navegacion {background-color: white; border: black 1px solid; height: 20px }
#navegacion li {float:left; list-style:none; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 100px }
#contenido {background-color: orange; background-image: url(objetos/fondo.jpg); border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {margin: 5px 10px 5px 10px; text-indent: 15px}
#contenidouno {float:center; width: 790px}
#menu {background-color: white; border: blue 4px solid; width: 150px ; float:left; text-align:left; margin-right: 10px; margin: 3px 10px 3px 3px;
background-position: bottom; padding-botton: 5px}
#menu li { list-style:none; margin: 4px 8px 4px 6px;}
#menu h1 { text-decoration:none ; font-size:12px;}
#menu a {color: blue; text-decoration:none ; display: block }
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:black ; text-decoration:none ; background-color: none }
#menu a:active {color:black}
#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 }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:none ; background-color: none }
#pie a:active {color:black}
#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: blue; text-decoration: none; display: block }
a:link {}
a:visited {}
a:hover {color: black; text-decoration: none; background-color: none}
a:active {}

Ya solucione lo del espacio. Ahora me queda por resolver lo del logo en flash ¿Alguien sabría decirme porque no se carga correctamente en Firefox?

Muchisimas gracias por adelantado.