barra de navegación en firefox

No puedo saber por qué no me sale la barra de navegación con firefox, en i. explorer sale medio decente, y en la vista previa de html sale perfecto. Estoy cansado de modificar estilos pero no doy con el error. La página es barbatealquiler.comocreartuweb.es.
Gracias y un saludo
edito los códigos html y css:
<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>


CSS
#cabecera {background-color: white; border-lef:black 1px solid;
border-right:black 1px solid;heihgt: 195 px;}
#logotipo { width:275px; float:left;border:1px solid;margin: 1px 1px 1px 1px;padding:0px 0px 0px 0px}}
#publicidad { width:513px; float:right;font-size: 16px;border:1px solid;margin: 1px 1px 1px 1px;padding:0px 0px 0px 0px}}
#navegacion {background-color:#40E0D0; border: black 1px solid; height: 20px;}
#navegacion li {float:left;list-style:none;,margin:0px 2px 0px 2px}
#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}