Gente tengo el siguiente problemita estoy haciendo un menu vertical desplegable, pero no puedo lograr que hacer el hover me desplegue el submenu, o sea yo lo tengo oculto y quiero que al hacer el hover en un determinado lugar lo muestre, va el codigo:
Este es el CSS:
Cita: .menu {
margin:0px;
margin-top:5px;
padding:0px;;
}
.menu ul {
display:inline-block;
border:0px solid #000;
width:20%;
margin:0px;
}
.menu li {
display:inline-block;
border:1px solid #000;
width:100%;
}
.menu a {
font-size:1.25em;
padding:5px;
}
.menu a:hover {
color:#003;
}
.submenu {
position: absolute;
left:300px;
visibility:hidden;
}
Menu en HTML
Cita: <ul class="menu">
<li><a href="index.php" accesskey="i" id="index" rel="index" rev="index">Fundación</a></li>
<li><a href="#">Profesionales</a>
<ul class="submenu">
<li>Docencia e Investigación</li>
<li>Consultoria</li>
<li>Personas con Discapacidad</li>
<li>Biblioteca</li>
<li>Enlaces</li>
</ul>
</li>
</ul>
La idea es que al pasar el mouse por profesionales memuestre la lista que le sigue para esto la propiedad visibility de submenu debería pasar a visible y no a hidden como esta en el css... Aca es donde hago agua
Mil gracias...