Hola aldearan. No pierdas el tiempo buscando que de alguna manera puedas hacerlo solo con css. Yo te recomendaria que usaras jquery para los menus desplegables.
.css:
Código CSS:
Ver original#div-oculto-a-mostrar{
display:none;
}
html:
Código HTML:
Ver original<div id="div-al-pasar-cursor" class"tu-clase">Titulo
</div> <div class="div-oculto-a-mostrar">Texto a mostrar al pasar el cursos
</div>
Jquery
Código Javascript
:
Ver original$('#div-al-pasar-cursor').focus(function(){
$('div-oculto-a-mostrar').show(1000);
});
$('#div-al-pasar-cursor').blur(function(){
$('div-oculto-a-mostrar').hide(1000);
});