Question

http://jsfiddle.net/msNhr/

When you go over “aaaaa” an overlay is display, when you try to select something from the select within the overlay closes.
How do I get this right?

The overlay should only close if the actual overlay area is left.

Thanks!

Answer 1

see this fiddle: http://jsfiddle.net/msNhr/3/ (tried on Fx14 and Ch 21.0.1180.57)

I’ve just stopped the propagation of mouseleave event so it won’t reach the overlay

relevant js

$(function() {
    $('#a').mouseenter(function() {
        $('#overlay').show();
    });
    $('#overlay').mouseleave(function() {
        $(this).hide();
    });
    $('#overlay select').mouseleave(function(ev) {
        ev.stopPropagation()
    });
});