Navegador firefox, no veo mi página

Buenas tardes, tengo un problema con el navegador web: con internet explorer la página se ve perfectamente; pero con firefox mozilla sale deformada, el menú lateral sale desplazado, el horizontal no aparece, además de otras deformaciones.
Qué puede pasar... Si necesitáis el código html o css o los pongo
Gracias
Seguramente necesitáis mi dirección de página, www.barbatealquiler.comocreartuweb.es
cuando estes creando un sitio cada cosa que hagas debes ir mirandola en todos los navegadores, y asi vas a paso seguro con cada cosa que hagas, el problema deben ser algunos divs que se salen de lugar en los otros navegadores o no se ven(menu), yo la veo en chome mal tambien, otra cosa acostumbrate a optimizar el peso de las imagenes estan muy pesadas y cargan muy lento.
Buenos días, no encuentro el porqué del error. No sé si escribir los códigos html y css para que me lo pudierais revisar, ahí va eso:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<meta name="google-site-verification" content="43LtEY9EOMQd80R_lRO9Tcg4N0w4TyXkVMvUsGDuWaA" />
<title>ALQUILER BARBATE</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<!-- INICIO CODIGO DE CABECERA - NO TOCAR - -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.png" width="275"
height="175" alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad"><img src="objetos/publicidad.png" width= "508" height="175" alt="alquiler barbate"></div>
</div>
<div id="navegacion">
<ul>
<li><a href="#">¿Dónde comer?</a></li><li><a href="#">Fiestas</a></li><li><a href="#">Playas</a></li><li><a href="#">Rutas</a></li><li><a href="#">Pueblos cercanos</a></li><li><a href="#">Establecimientos</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<div id="menu">
<h1>ALOJAMIENTOS</h1>
<ul><li><a href="casaroca/casaroca.html">CASA ROCA</a></li><li><a href="casasimon/casa simon.html">CASA SIMÓN</a></li></ul>
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<h1>BARBATE ALQUILER</h1>
<h2>Temporadas vacacionales y escolar</h2>
<p>Si buscas unas vacaciones RELAJANTES y ECONÓMICAS o una casa para el CURSO ESCOLAR has llegado a tu página. Alquiler Barbate le ofrece dos viviendas en una de las zonas más naturales, sin aglomeraciones. Los alrededores son privilegiados: playas vírgenes, Parque Natural y Marismas. En este entorno podrás disfrutar de unas vacaciones innolvidables a precios bastantes asequibles .</p>
<p>Ambas casas, CASA ROCA Y CASA SIMÓN, se ecuentran en el centro del pueblo y a 200 metros de la playa Virgen del Carmen. Son plantas bajas, en calles peatonales. Si quieres más información sobre ellas, puedes pinchar en el menú lateral.</p>
<div id="casaroca"><img src="objetos/casaroca.png" width="380px" height="250px" alt="alquilerbarbate"></div>
<div id="casasimon"><img src="objetos/casasimon.png"width="380px" height="250px" alt="alquilerbarbate"></div>
<p> En el menú lateral encontrarás una descripción detallada de la casa, una galería de fotos, un calendario de disponibilidad y un correo para ponerse en contacto</p>
<p>Para ayudarte a organizar tu tiempo, en el menú horizontal superior encontrarás sugerencias de lugares que puedes visitar, de los platos típicos de la zona. Así como de las fiestas que se celebran en distintas épocas del año No te puedes marchar sin dar un paseo por los kilómetros de playas y del Parque Natural.Estamos convencidos de que vuestra estancia en nuestro pueblo será de vuestro agrado.No dudes en ponerte en contacto con nosotros. Bienvenido a BARBATE </p>
<!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
<div id="pie">
<div id="pieuno">
<ul>
<li><a href="agradecimientos.html">Agradecimientos</a></li><li><a href="empresas amigas.html">Empresas amigas</a></li><li><a href="<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?ll=36.193863,-5.908585&amp;spn=0.274298,…"></iframe><br /><small><a href="http://maps.google.es/maps?ll=36.193863,-5.908585&amp;spn=0.274298,…" style="color:#0000FF;text-align:center;font-size:20px">Ver mapa de la zona</a></small></a></li>
</ul>
</div>
<div id="piedos"><a href="contacto.html"><img src="objetos/arrobanimada.gif" width="60"><p><h2>CONTACTE CON NOSOTROS</h2></p></div>
<div id="pietres">
<p>&copy;</p>
<p>F. López</p>
<p>2011</p>
</div>
</div>
<!-- FIN CODIGO PIE PAGINA -->
<div id="curva-inferior"></div>
</div>
</body>
<script id="aptureScript">
(function (){var a=document.createElement("script");a.defer="true";a.src="http://www.apture.com/js/apture.js?siteToken=kxHX2Gm";document.getElementsByTagName("head")[0].appendChild(a);})();
</script>

</html>


Código Css
* { text-ident: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;margin: 10px 5px 5px 10px}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center;background-color:#CCEEFF;
background-image: url(objetos/espumademar.gif);
background-repeat: no-repeat ;
background-position: 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-lef:black 1px solid;
border-right:black 1px solid;heigt: 85 px;}
#logotipo { width:275px; float:left;border:1px solid}
#publicidad { width:518px; float:right;font-size: 16px;border:1px solid}
#navegacion {background-color:#FFDEAD; border: black 1px solid; height: 20px;}
#navegacion li {float:left;list-style:none;,margin:0px 20px 0px 20px}
#navegacion ul { margin-left: 60px }
#contenido {background-color:#87CEFA;border-left:black 1px solid;
border-right:black 1px solid;padding:20px 0px 0px 0px}
#contenido p {margin: 5px 10px 0px 10px; text-indent: 15px}
#casaroca {width:370px; float:left; border:1px solid;margin: 10px 5px 5px 10px;padding:0px 0px 0px 0px}
#casasimon {width:370px; float:right; border:1px solid;margin: 10px 5px 5px 10px}
#contacto{margin: 10px 5px 5px 10px;padding:0px 0px 0px 0px }
#table{margin:10px 5px 5px 10px;padding:0px 0px 0px 0px}
#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);}
#disponibilidad h1 {text-decoration:none;font-size:20px;padding-top:40px 0px 40px 0px; text-align: center}
#precios h1 {text-decoration:none;font-size:20px;padding-top:40px; text-align: center}
#pie {background-color:#FFDEAD;border-left: black 1px solid;
border-right: black 1px solid; margin:20px 0px 0px 0px;padding:20px 0px 0px opx;
border-top: black 1px solid;height: 40px;}
#pie li{list-style:none; font-size:12px}
#pieuno{float:left; width:150px;}
#piedos{float:left;width:498px}
#pietres{float:right;width:150px;font-size:12px}
#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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
haber el tema de las fotos deberias cambiarle por ejemplo el tamaño de ancho a 367px por ejemplo, asi quedaria centrada dentro de recuadro que le hiciste.
Por lo del pie, lo que he visto es lo siguiente.
Si al div pie le das un height de 192px se cuadra todo. deberias cambiar el tamaño de las fuentes y ponerlas todas iguales para que quede un poco más profesional.
esto lo he visto con firefox.
Cuando creaste la web provaste en varios navegadores?
Cualquier otra cosa me dices.
Un saludo
Gracias por las aportaciones: he arreglado encuadrar las fotos y la capa pie con las indicaciones que me ha dado paxarin; pero por más que modifico no me sale la capa de navegación, estoy loco no sé lo que me puede pasar.
Un saludo