problema con menu en firefox.. urgente

apuenco · #1 (**permalink**) 09/06/2008, 02:22

Buenas,
Tengo un menu de 4 niveles en el que en explorer no tengo problemas para acceder a cada nivel. Pero en Firefox no me distingue entre niveles... los toma todos como .menuOpcion.
Os dejo el
-Codigo: donde .menuOpcion es la categoria que tiene subopciones y subopcion es un link a una pagina
-El css que con explorer funciona.
- Imagen de como queda.

Gracias

Código HTML:

<div class="columnaMenu">
            <div class="menu">
              <h1>Ayuntamiento</h1>
              <ul class="menu">
      
    <li class="menuOpcion"><a href="" onclick="clickHandlerMenu(event,'96EC1B074C534456A7DE0400A901919F','96EC1B074C534456A7DE0400A901919F'); return false;">Organización Municipal</a></li><ul style="display:none;z-index: 0;" id="96EC1B074C534456A7DE0400A901919F">
      
        
      
      <li class="menuOpcion"><a href="../Ayuntamiento/EBE9765CC80D48C487A745751641AC7B.htm" onclick="clickHandlerMenu(event,'1970BE8A0C8C403899A503013FF1CE85','1970BE8A0C8C403899A503013FF1CE85'); return false;">Organos Administrativos y de Servicicios</a></li><ul style="display:none;z-index: 0;" id="1970BE8A0C8C403899A503013FF1CE85">
        
          
        
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/EBE9765CC80D48C487A745751641AC7B.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/EBE9765CC80D48C487A745751641AC7B.htm',0,0,0,0,'',0);return false;return false;">Secretaría</a></li>
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/71374582F9CC4A6BBD9527810E388157.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/71374582F9CC4A6BBD9527810E388157.htm',0,0,0,0,'',0);return false;return false;">Intervención</a></li>
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/7A8A88CE5D964BD9A62E8CFB5A55D2B6.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/7A8A88CE5D964BD9A62E8CFB5A55D2B6.htm',0,0,0,0,'',0);return false;return false;">Oficinas generales</a></li>
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/A181FC29DF414BA0B4EBDDFD8A1C6F4D.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/A181FC29DF414BA0B4EBDDFD8A1C6F4D.htm',0,0,0,0,'',0);return false;return false;">Servicios Técnicos</a></li>
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/A5482C38DA534025A6B83B9D1D84243E.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/A5482C38DA534025A6B83B9D1D84243E.htm',0,0,0,0,'',0);return false;return false;">Servicios Sociales</a></li>
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/36B8B0986692490886BAC53F297F95BD.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/36B8B0986692490886BAC53F297F95BD.htm',0,0,0,0,'',0);return false;return false;">Biblioteca Municipal - Guillermo Arce</a></li>
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/B65B617E274948138DF9FB87F440A7E2.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/B65B617E274948138DF9FB87F440A7E2.htm',0,0,0,0,'',0);return false;return false;">Guardería Municipal - El Corro</a></li>
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/9D672799DC4E4E71A625B88AB7F368AE.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/9D672799DC4E4E71A625B88AB7F368AE.htm',0,0,0,0,'',0);return false;return false;">Oficina de Información Juvenil</a></li>
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/885A1CB4D68344F288288C06989DB2C1.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/885A1CB4D68344F288288C06989DB2C1.htm',0,0,0,0,'',0);return false;return false;">Policía Local</a></li>
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/A5F0EE401F0A49EE8A8EFF44605BA0C9.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/A5F0EE401F0A49EE8A8EFF44605BA0C9.htm',0,0,0,0,'',0);return false;return false;">Servicio Municipal de Aguas</a></li>
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/AD82CAD7DE7A451485063ED52C1366E0.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/AD82CAD7DE7A451485063ED52C1366E0.htm',0,0,0,0,'',0);return false;return false;">Residencia Municipal de la 3ª edad - Las Anjanas</a></li>
        <li class="menuOpcion"><a href="../Ayuntamiento/5DBD3948776E47FDB788CC04DC529375.htm" onclick="clickHandlerMenu(event,'B53547852F1D498D8C9C6449F757036E','B53547852F1D498D8C9C6449F757036E'); return false;">Agencia de Desarrollo Local</a></li><ul style="display:none;z-index: 0;" id="B53547852F1D498D8C9C6449F757036E">
          
            
          
          <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/5DBD3948776E47FDB788CC04DC529375.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/5DBD3948776E47FDB788CC04DC529375.htm',0,0,0,0,'',0);return false;return false;">Punto de Información Europeo</a></li>
          <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/51465343E24F44D18A868C97EC68ECDC.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/51465343E24F44D18A868C97EC68ECDC.htm',0,0,0,0,'',0);return false;return false;">Oficina de Información Turística</a></li>
          <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/F41478582A3E41A69015F539A32A3EA7.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/F41478582A3E41A69015F539A32A3EA7.htm',0,0,0,0,'',0);return false;return false;">Telecentro</a></li>
        </ul>
      </ul>
      <li class="menuOpcion"><a href="../Ayuntamiento/AEFA61DE3D2048168532450EA5A010EA.htm" onclick="clickHandlerMenu(event,'BDF5C9D04C6F4589A306245A253800ED','BDF5C9D04C6F4589A306245A253800ED'); return false;">Organos de Gobierno</a></li><ul style="display:none;z-index: 0;" id="BDF5C9D04C6F4589A306245A253800ED">
        
          
        
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/AEFA61DE3D2048168532450EA5A010EA.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/AEFA61DE3D2048168532450EA5A010EA.htm',0,0,0,0,'',0);return false;return false;">Alcaldía</a></li>
        <li class="menuSubOpcion"><a title="" href="../Ayuntamiento/EE57B15251BD4528AB04BB169C04BCA8.htm" onclick="javascript:GestionarEnlace('../Ayuntamiento/EE57B15251BD4528AB04BB169C04BCA8.htm',0,0,0,0,'',0);return false;return false;">Coorporación municipal</a></li>
        <li class="menuOpcion"><a href="../Ayuntamiento/AD3121230CBC4B2CB09A961296F615EA.htm" onclick="clickHandlerMenu(event,'9B50C846F8B34BF3A7E2AA7E21DB81CA','9B50C846F8B34BF3A7E2AA7E21DB81CA'); return false;">Organización Municipal</a></li><ul style="display:none;z-index: 0;" id="9B50C846F8B34BF3A7E2AA7E21DB81CA">

Código HTML:

.columnaMenu .menu .menuOpcion , .columnaMenu .menu .menuSubOpcion  {text-transform:Uppercase; font-weight:bold; }
.columnaMenu .menu li.menuOpcion  {background: url(img/triangulo2.jpg) right top no-repeat; }
.columnaMenu .menu li.menuOpcion a{.columnaMenu .menu li.menuOpcion ;}
.columnaMenu .menu .menuOpcion .menuOpcion , .columnaMenu .menu .menuOpcion .menuSubOpcion{ text-transform:none;font-weight:lighter;}
.columnaMenu .menu .menuOpcion .menuOpcion , .columnaMenu .menu .menuOpcion .menuSubOpcion{background: #FcfDd3;}
.columnaMenu .menu .menuOpcion li.menuOpcion {background: url(img/triangulo2.jpg) right top no-repeat #FcfDd3;}
.columnaMenu .menu .menuOpcion .menuOpcion .menuSubOpcion, .columnaMenu .menu .menuOpcion .menuOpcion .menuOpcion{text-transform:none;font-weight:normal;}
.columnaMenu .menu .menuOpcion .menuOpcion .menuOpcion .menuSubOpcion, .columnaMenu .menu .menuOpcion .menuOpcion .menuOpcion .menuOpcion {text-transform:none;font-weight:normal;}

hades87 · #2 (**permalink**) 09/06/2008, 03:15

la imagen no la veo y si pudieras poner un enlace a la web mejor ;)

apuenco · #3 (**permalink**) 09/06/2008, 03:20

es que estoy haciendolo por un servidor interno... y no se como ponerlo para que lo veas ya que la direccion es http://192.168......
y la imagen lo mismo ..... pero te hago una idea

Código HTML:

Subopcion
    Opcion
          Subopcion
          Subopcion
          Subopcion
          Subopcion
          Opcion
               Subopcion
               Subopcion
               Subopcion
               Opcion
                      Subopcion
                      Opcion
                             Subopcion
                             Subopcion
                             Subopcion

espero que lo entiendas...gracias

hades87 · #4 (**permalink**) 09/06/2008, 03:23

si ya se cual es, son menús anidados no? te has fijado que todo este bien? no haya sitios por cerrar o te hayas dejado algo?

apuenco · #5 (**permalink**) 09/06/2008, 03:30

He editado y lo he dejado con sus tabulaciones....
si son menus anidados.... El problema es que con IE si me diferencia entre niveles... (lo he probado poniendo bordes de distintos colores a cada nivel y funciona). Pero en Firefox solo lo detecta como si fuese todo del primer nivel.
En le primer post esta el css del menu
Muchas gracias