jQuery live () hover, comportamiento extraño con show / hide div - hover, jquery, slidetoggle

He creado un ejemplo del problema aquí:

http://jsfiddle.net/jXLSW/

Tenga en cuenta que cuando pasa el cursor sobre la imagen un divaparece en la parte superior de la imagen. Cuando dejas la imagen, desaparece. El problema es cuando mueves el mouse sobre el div en la parte superior. Entra en este ciclo de mostrar / ocultar porque el mouse está entrando / saliendo.

Este div que aparece en la parte superior va acontienen iconos que actúan como una barra de herramientas. ¿Cómo puedo mantener la barra de herramientas visible cuando paso el mouse sobre ella? Más importante aún, ¿cómo puedo hacer que el evento flotante deje de andar en bicicleta?

ACTUALIZAR: Lo interesante es que el siguiente código funciona según lo deseado. El problema es que parece haber problemas de livequery en que a menudo no se activa. Por lo tanto, no aparece div, que también es un problema importante.

$(".has-menu").livequery(function() {
$(this).hover(function() {$(this).find("div.img-menu").slideToggle();}, function() {$(this).find("div.img-menu").slideToggle();});
});

Respuestas

Bueno, cambié el código a esto:

$(".has-menu").live("hover", function(e) {
if (e.type == "mouseover") {
$(this).find("div.img-menu").slideToggle();
}else{
$(this).find("div.img-menu").slideToggle();
}
});

Y ahora todo está bien.