Código:
/*
UL.menu1 LI.dropCredencial:hover UL { /*firefox despliegue de credencial*
BORDER-LEFT: #990000 1px solid;
BORDER-RIGHT: #990000 1px solid;
BORDER-TOP: #990000 1px solid;
BORDER-BOTTOM: #990000 1px solid;
MARGIN-TOP: -1px;
DISPLAY: block;
BACKGROUND: #ff0000; //def;
WIDTH: 142px; //12em
HEIGHT: 50px; //12em
left: 4px;
position: absolute;
}
*/
/*************************************/
UL.menu1 LI.dropCredencial A:hover UL { /* IE Despliegue de Carnet*/
BORDER-LEFT: #990000 1px solid;
BORDER-RIGHT: #990000 1px solid;
BORDER-TOP: #990000 1px solid;
BORDER-BOTTOM: #990000 1px solid;
MARGIN-TOP: -1px;
DISPLAY: block;
/*//top:4; //24*/
/*//left:2; //2*/
position: absolute;
WIDTH: 145px;
HEIGHT: 50px;
}
UL.menu1 LI.dropAutorizaciones A:hover UL { /* IE Despliegue de Autorizaciones*/
/*
BORDER-LEFT: #990000 1px solid;
BORDER-RIGHT: #990000 1px solid;
BORDER-TOP: #990000 1px solid;
BORDER-BOTTOM: #990000 1px solid;
*/
/*
MARGIN-TOP: -1px;
DISPLAY: list-item;
BACKGROUND: #ff6600;
*/
top:5px; /* 55px; */
left:5px; /* 47px; */
position: relative;
WIDTH: 100px;
HEIGHT: 120px;
}
UL.menu1 LI.dropNoticias A:hover UL { /* IE Despliegue de Noticias*/
BORDER-LEFT: #990000 1px solid;
BORDER-RIGHT: #990000 1px solid;
BORDER-TOP: #990000 1px solid;
BORDER-BOTTOM: #990000 1px solid;
MARGIN-TOP: -1px;
DISPLAY: block;
BACKGROUND: #ff6600;
top:155 px;
left:47px;
position: absolute;
WIDTH: 100px; /* 12em; */
HEIGHT: 50px;
}
/***********************************************/
UL.menu1 LI:hover UL LI A { /* firefox visible */
FONT-WEIGHT: normal;
BACKGROUND: #FFF9F6;
COLOR: #990000;
HEIGHT: 25px; /*2em*/
}
UL.menu1 LI A:hover UL LI A { /*color items menu */
FONT-WEIGHT: normal;
BACKGROUND: #FFF9F6;
COLOR: #990000;
HEIGHT: 2em
}
UL.menu1 LI:hover UL LI:hover A { /* firefox visible */
BACKGROUND: #FF9960;
COLOR: #fff /*blanco en anaranjado-marron*/
}
/*color items del menu OVER - seleccionado*/
UL.menu1 LI A:hover UL LI A:hover {
BACKGROUND: #FF9960;
COLOR: #fff
}
.imgRevista{
position:relative;
left:0;
top:261;
width:160px;
height:200px;
z-index:1;
visibility: visible;"
}
#envoltura{
left:0;
height: 500px;
}
/******************* fin ***********************************/
</style>
</head>
<body bgcolor="#990000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="left">
<img src="../imagenes/btn_up_servicios.gif" width="160" height="25"></div>
<!-- menu -->
<DIV id=envoltura>
<DIV id=ContenedorMenu>
<UL class=menu1>
<LI class="dropCredencial">
<A href="servicios/carnet.htm" target="mainFrame">Carnet
<!--[if IE 7]><!--></a><!--<![endif]-->
<TABLE>
<TBODY>
<TR>
<TD>
<UL class=menuCred>
<LI>
<A href="servicios/carnet_uso.htm" target="mainFrame">
Uso del Carnet</A> </LI>
<LI>
<A href="contenido/tramites_afiliatorios/Afiliaciones.htm" target="mainFrame">
Requisitos Afiliatorios</A> </LI>
</UL></TD>
</TR>
</TBODY>
</TABLE>
<!--[if lte IE 6]></A><![endif]-->
</LI>
<LI class="dropAutorizaciones"><A href="servicios/autorizaciones/aut.htm" target="mainFrame">Autorizaciones
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<TABLE>
<TBODY>
<TR>
<TD> <UL class="menuB">
<LI> <A href="servicios/autorizaciones/medicas/AUTORIZACIONES_MEDICAS.htm" target="mainFrame">Médicas</A>
<LI> <A href="servicios/autorizaciones/aut_internado.htm" target="mainFrame">Internados</A>
<LI> <A href="servicios/autorizaciones/aut_ortopedicas.htm" target="mainFrame">Ortopédicas</A>
<LI> <A href="servicios/autorizaciones/farmaceuticas/farmacia.htm" target="mainFrame">Farmacéuticas</A>
<LI> <A href="servicios/autorizaciones/varias/AUTORIZACIONES_VARIAS.htm" target="mainFrame">Varias</A>
</LI>
</UL></TD>
</TR>
</TBODY>
</TABLE>
<!--[if lte IE 6]></A><![endif]-->
</LI>
<LI class=dropHorarios>
<A href="contenido/horarios.htm" target="mainFrame">Horarios/Atención</a></LI>
<LI class=dropTelefonos>
<A href="servicios/telefonos_utiles.htm" target="mainFrame">Telefonos Utiles</a></LI>
<LI class="dropLeche">
<A href="servicios/entrega_de_leche.htm" title=Leche
target="mainFrame">Entrega de Leche</A></LI>
<LI class="dropSepelio">
<A href="servicios/servicio_sepelios.htm" title=Sepelios
target="mainFrame">Serv. de Sepelio</A></LI>
<LI class="dropFaqs">
<A href="servicios/faqs.htm" title=Faqs
target="mainFrame" >Preguntas Usuales</A></LI>
<!--
<LI class="dropNoticias">
<A href="noticias/noticias.aspx" title=noticias target="mainFrame" >Noticias</A></LI>
-->
<LI class="dropNoticias"> <A href="noticias/novedades.aspx" target="mainFrame">Noticias
<!--[if IE 7]><!-->
</a>
<!--<![endif]-->
<TABLE>
<TBODY>
<TR>
<TD> <UL class="menuNoticias">
<LI> <A href="noticias/novedades.aspx" target="mainFrame">Novedades</A></LI>
<LI> <A href="noticias/anteriores.aspx" target="mainFrame">Anteriores</A></LI>
</UL></TD>
</TR>
</TBODY>
</TABLE>
<!--[if lte IE 6]></A><![endif]-->
</LI>
<LI class="dropRevista"> <A href="servicios/revista.htm" title="Revista" target="mainFrame">Revista</A></LI>
<!--
<A href="revista.htm" title="Revista" target="mainFrame" class="last">Revista</A></LI>
-->
</UL>
<!-- end of info -->
</div>
</div>
<!--
<div id="extraLeft" class="imgRevista">
<table width="160" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="../contenido/imagen/revista_portada.jpg"></td>
</tr>
</table>
</div>
-->
</body>
</html>
Esta un poco largo y embarullado pero se que no esta dificil,
sucede que estoy bien torpe para que muestre las ...
UL.menu1 LI.dropXXX A:hover UL
Bien quien tenga
y tiempo y me eche una manito... el universo se encargue de recompensarlo 100 veces mi alivio!