Tengo una aplicacion con un menu construido con css que funciona perfecto en mozilla para PC, en ie6 y en ie7, pero en mac.... en mac titila y titila y no funciona...
el menu lo realizo alguien q ya no esta y realmente no se como sulucionarlo, este es el codigo
Código:
y este es el menu:body { background-color: #ffffff; color: #444; font-family: Verdana; font-size: x-small; margin: 0; padding:0; }
#menucdhtq_m { color:#ddd; position:relative; width:920px; height:24px; }
#arriba_m { background:url(imgs/cabe.png) no-repeat #005CA4; border-bottom:5px solid #d0d0d0; height:73px; position:relative; }
.menudes_m, .menudes_m * { margin: 0; padding:0; list-style: none; }
#menucd_m { line-height:1; position:absolute; bottom:0px; left:160px;}
.menudes_m ul { position:absolute; top:-999em; width:25em; /* left offset de submenus debe cuadrar (see below) */ }
.menudes_m ul li { width: 100%; }
.menudes_m li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.menudes_m li { float: left; position:relative; margin-right:3px }
.menudes_m a,.menudes_m a:visited { display:block; position:relative; color:#f0f0f0; padding: 3px 12px; text-decoration:none; }
.menudes_m li:hover ul, .menudes_m li.sfHover ul { left:0; top:16px; /* match top ul list item height z-index:99;*/}
ul.menudes_m li:hover li ul, ul.menudes_m li.sfHover li ul { top:-999em; }
ul.menudes_m li li:hover ul, ul.menudes_m li li.sfHover ul { left:25em; /*cuadra con ul width */ top:0; }
ul.menudes_m li li:hover li ul,ul.menudes_m li li.sfHover li ul { top:-999em; }
ul.menudes_m li li li:hover ul,ul.menudes_m li li li.sfHover ul { left:25em; /* cuadra con ul width */ top:0; }
.menudes_m li:hover, .menudes_m li.sfHover,.menudes_m a:focus, .menudes_m a:hover, .menudes_m a:active { outline:0; }
/*** flechas **/
.menudes_m a.sf-with-ul { padding-right: 2.25em; min-width:1px;}
.sfsi_m { position:absolute; display:block; right:.75em; top:5px; /* IE6 only */
width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('imgs/arrows-ffffff.png') no-repeat -10px -100px; }
a > .sfsi_m { top:5px; background-position: 0 -100px; }
a:focus > .sfsi_m,a:hover > .sfsi_m,a:active > .sfsi_m,li:hover > a > .sfsi_m,li.sfHover > a > .sfsi_m { background-position: -10px -100px; }
.menudes_m ul .sfsi_m { background-position: -10px 0; }
.menudes_m ul a > .sfsi_m { background-position: 0 0; }
.menudes_m ul a:focus > .sfsi_m,.menudes_m ul a:hover > .sfsi_m,.menudes_m ul a:active > .sfsi_m,.menudes_m ul li:hover > a > .sfsi_m,.menudes_m ul li.sfHover > a > .sfsi_m {
background-position: -10px 0; }
#ingreso_m { background:url(imgs/cellshade.png) repeat-x #65A31B; }
#ingreso_m_ul li { background:#347F25; padding-top:1px;padding-bottom:1px; border:1px solid #2C631F; border-top:1px solid #65A31B; }
#ingreso_m_ul li:hover{ background:#65A31B; }
#categota_m { background:url(imgs/cellshade.png) repeat-x #EF561D; }
#evaluaci_m { background:url(imgs/cellshade.png) repeat-x #C70E6C; }
#evaluaci_m_ul li { background:#A10D5A; padding-top:1px;padding-bottom:1px; border:1px solid #980C54; border-top:1px solid #B70F66;}
#evaluaci_m_ul li:hover{ background:#C70E6C; }
#desarrol_m { background:url(imgs/cellshade.png) repeat-x #1271AF; }
#desarrol_m_ul li { background:#116397; padding-top:1px;padding-bottom:1px; border:1px solid #0E4F78; border-top:1px solid #1883C6;}
#desarrol_m_ul li:hover{ background:#1271AF; }
#menucd_m a b { display:block; width:7px; height:7px; position:absolute; top:0; left:0; background:url(imgs/esq1.png) no-repeat; z-index:789789789; /*border:1px solid #000;*/ }
#menucd_m a i { display:block; width:7px; height:7px; position:absolute; top:0; right:0; background:url(imgs/esq2.png) no-repeat; z-index:789789788; /*border:1px solid #000;*/ }
/* indicador del sitio */
#mrdude_m { position:absolute; right:20px; bottom:3px; text-align:right; color:#D0E1F0; }
#mrdude_m b { color:#fff; }
#mrdude_m a { color:#D3F0FF; text-decoration:none; }
#mrdude_m a:hover { color:#fff; text-decoration:underline; }
#titulosite_m { font:20px Neo Sans Intel Medium,verdana, sans-serif; color:#ffffff; position:absolute; left:140px; top:25px }
#areasite_m { font:bold 10px verdana, sans-serif; color:#D0E1F0; position:absolute; left:140px; top:15px; text-transform:uppercase; }
/* menu del sitio */
#menuppal_m { list-style:none; margin:0; padding:0; height:20px; background:#E5E5E5; padding-left:40px; }
#menuppal_m ul { background:#dcdcdc; }
#menuppal_m ul li { background:#dcdcdc; padding-top:1px;padding-bottom:1px; border:1px solid #aaa; border-top:1px solid #fafafa; }
#menuppal_m a { color:#444; }
#menuppal_m a:hover { background:#1271AF; color:#fafafa; } /* cuando sea desarrol_mlo */
/* #menuppal_m a:hover { background:#65A31B; color:#fafafa; } cuando sea ingreso_m */
/* #menuppal_m a:hover { background:#C70E6C; color:#fafafa; } cuando sea evaluaci_mon */
/* #menuppal_m a:hover { background:#EF561D; color:#fafafa; } cuando sea categorizacion */
.menudes_m li {display:inline;}
.sfsi_m {zoom:1;}
#menucdhtq_m, #arriba_m, .menudes_m li, .menudes_m a, .menudes_m a:visited {zoom:1;}
#menucd_m li:hover ul, #menucd_m _m li.sfHover ul { z-index:900; }
#menuppal_m li:hover ul, #menuppal_m li.sfHover ul { z-index:800; }
#menuppal_m a,#menuppal_m a:visited { display:block; position:relative; padding: 3px 5px; text-decoration:none; }
Código HTML:
<ul id="menuppal_m" class="menudes_m"> <li><a href="#" class="sf-with-ul">Planes de Capacitación</a> <ul> <li><a href="planadd.php">Crear</a></li> <li><a href="planlist.php">Consultar</a></li> <!--<li><a href="planquery.php">Consultas</a></li>--> </ul> </li> <li><a href="#" class="sf-with-ul">Solicitud de Capacitación</a> <ul><li><a href="#">Crear</a> <ul> <li><a href="capacitacionadd.php">Una solicitud</a></li> <li><a href="grupoadd.php">Grupo de solicitudes</a></li> </ul> </li> <li><a href="#">Consultar</a> <ul> <li><a href="capacitacionlist.php">Solicitudes</a></li> <li><a href="grupolist.php">Grupos</a></li> </ul> </li> </ul> </li> <li><a href="#" class="sf-with-ul">Aprobaciones</a> <ul><li><a href="capacitacion_aproblist.php?tipo=plan">Planes</a></li> <li><a href="capacitacion_aproblist.php?tipo=solicitud">Solicitudes</a></li> </ul> </li> <li><a href="reportes.php" >Reportes</a></li> <li><a href="logout1.php">Salir</a></li> </ul>
Gracias.
