Hola,
Prueba a usar este código. Ahora te dejará editarlo y te lo mostrará en Firefox sin ningún problema:
[HTML<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Index</title>
<link href="twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
<!--[if IE 5]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]-->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Estilo1 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
<h1>web EF Las higuerillas</h1>
<img src="iconos/cabeceraef.jpg" width="873" height="224" alt="EF Las Higuerillas" />
</div>
</div>
<div id="Menuarriba">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Inicio</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Presentación</a></li>
<ul>
<li><a href="#">¿Qué es EF?</a></li>
<li><a href="#">Programación</a></li>
<li><a href="#">Normas</a></li>
</ul>
<li><a class="MenuBarItemSubmenu" href="#">EF y etapas</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Infantil</a>
<ul>
<li><a href="#">elemento 3.1.1</a></li>
<li><a href="#">elemento 3.1.2</a></li>
</ul>
</li>
<li><a href="#">1er Ciclo</a></li>
<li><a href="#">2º Ciclo</a></li>
<li><a href="#">3er Ciclo</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Actividades</a>
<ul>
<li><a href="#">Nieve</a></li>
<li><a href="#">Atletismo</a></li>
<li><a href="#">Bicis</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Profesores</a>
<ul>
<li><a href="#">Victor</a></li>
<li><a href="#">Rocío</a></li>
</ul>
</li>
</ul>
</div>
<div id="sidebar1">
<ul id="MenuBar2" class="MenuBarVertical">
<li><a href="#">Noticias</a> </li>
<li><a href="#">Alumnos</a></li>
<li><a href="#">Fotos</a> </li>
<li><a href="#">elemento 4</a></li>
</ul>
</div>
<div id="mainContent">
<p align="center"><img src="imagenes/index.dwt_clip_image002.gif" alt="EF" width="401" height="331" /></p>
<p> </p>
</div>
<div id="footer">
<p>Pie</p>
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>[/HTML]
Suerte,
Un saludo!.