Código:
Para que se vea mejor, dejo el link de la muestra que es este<div><div></div><div></div></div>
Código:
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... .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;
}

