estimados,
tengo este menu simple armado con css,
lo que quiero ahora es mostrar el submenu cuando me posiciono sobre <li>opcion3</li>
funcionar, funciona pero cuando me salgo de encima se oculta, la idea seria que se mantenga visible si estoy sobre el <li> o sobre el submenu. les dejo el codigo a ver que les parece
Código HTML:
<style type="text/css">
<!--
li {
display: inline;
background-color:#EEEEEE;
cursor:pointer;
padding:6px;
position:relative
}
div {
border: 1px solid;
position:absolute;
left:0;
}
-->
</style>
<ul>
<li>opcion 1</li>
<li>opcion 2</li>
<li onmouseover="Javascript:document.getElementById('submenu').style.display='block'" onmouseout="Javascript:document.getElementById('submenu').style.display='none'>opcion 3
<div id="submenu">este es el submenu para opcion 3</div>
</li>
<li>opcion 4</li>
</ul>