Hola que tal, la verdad ya desconozco que es lo que esta pasando, según yo ya me había quedado, pero no funciona nada, resulta que realice mi menú desplegable con el css de suckerfish y sin problemas, el lío viene cuando intento desplegar el menú, es decir, tengo una estructura parecida a esta:
Código:
<div><div>
</div>
<div>
</div>
</div>
Para que se vea mejor, dejo el link de la muestra que es
este
Código:
.menuCONT <---- esta clase contiene al ambos divs el del menú y el del archivo en flash
{
position:relative;
display:block;
width:1005px;
height:450px;
background-color:#22aa55;
text-align:left;
margin: auto;
border-bottom: 1px solid #eee;
}
.menu <--- Esta contiene al menú
{
position:absolute;
display:inline;
top:0px;
left:0px;
text-align:left;
width: 180px;
z-index:1;
}
.frame <<---- esta contiene al objeto en flash que, en un inicio iba a ser un iframe
{
position:absolute;
display:inline;
left:180px;
top:0px;
padding:0;
z-index:-5;
float:left;
}
/*Esta es la estructura del menú*/
ul
{
display:inline;
margin: 0;
padding: 0;
list-style: none;
width: 180px;
border-bottom: 1px solid #eee;
}
ul li
{
position: relative;
}
li ul
{
position: absolute;
left: 178px;
top: 0;
display: none;
}
ul li a
{
display: block;
text-decoration: none;
color: #555;
background: #fff;
padding: 1px;
border: 1px solid #eee;
border-bottom: 0;
}
ul li a:hover
{
display: block;
text-decoration: none;
color: #E10000;
background: #ccc;
padding: 1px;
border: 1px solid #eee;
border-bottom: 0;
}
* html ul li {float: left;}
* html ul li a {height: 1%;}
li:hover ul, li.over ul
{
position:absolute;
display: block;
z-index:1;
}
ul li ul
{
width: 340px;
}
Lo que sucede es que ni en IE como en FF me muestra el menú por delante del objeto en flash y por si fuera poco, he colocado ambos divs (los del menú y los del flash) en absolutos pero nada de nada, espero alguien pueda ayudarme, gracias...