Hola que tal a todos:
Tengo este codigo en HTML:
Código PHP:
<UL ID="navmenu-v">
<LI><a href="#">Opcion 1</a></li>
<LI><a href="#">Opcion 2</a></li>
<LI><a href="#">Opcion 3</a>
<UL>
<LI><a href="#">Opcion 3.1</a></li>
<LI><a href="#">Opcion 3.2</a></li>
</UL>
</LI>
<LI><a href="#">Opcion 4</a></li>
<LI><a href="#">Opcion 5</a></li>
</UL>
Y el codigo CSS es el siguiente:
Código PHP:
ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul
{
position:absolute;
left:4px;
width: 180px;
margin: 0;
list-style: none;
}
ul#navmenu-v li { float: left; position: relative; width: 100%; }
ul#navmenu-v li.iehover { z-index: 1000; }
ul#navmenu-v ul {
display: none;
position: absolute;
top: 0;
left: 100%;
z-index: 9999;
}
/* Menu Principal Areas*/
ul#navmenu-v a {
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
padding: 4px;
display: block;
background: #DDD;
color: #66;
font: bold 11px Arial, sans-serif;
text-decoration: none;
height: 1%;
}
/* 1st Menu*/
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
background: #BBB;
color: #FFF;
}
/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
float: none;
background: black;
}
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }
El 1st Menu me aparece muy bien, pero despues con el 2nd Menu no me aparece nada, y no encuentro que pueda tener mal, me podrian ayudar para ver que me falta o que tengo mal.