Menu vertical en CSS

[Lordhamelef]

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:

.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

<ul class="menu">
<li><a href="index.php" accesskey="i" id="index" rel="index" rev="index">Fundaci&oacute;n</a></li>
<li><a href="#">Profesionales</a>
<ul class="submenu">
<li>Docencia e Investigaci&oacute;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...

[dots3r]

Para eso tendrás que hacer uso de javascript

Suerte =)

[Lordhamelef]

mmmmmmmmmmm no hay una forma de hacerlo solo con CSS y HTML recuerdo haber visto varias pero en menues horizontales

[Carlangueitor]

Mira este ejemplo a ver si te sirve: http://www.araudi.net/Desplegables/m...plegable5.html

Saludos

[Lordhamelef]

UH!! sos un maestro a esto me referia mil gracias, bien sencillito me encanto