ользую события jQuery mouseenter и mouseleave, чтобы перемещать div вниз и вверх.

Все работает хорошо, за исключением отпускания мышью, который, похоже, не срабатывает ТОЛЬКО, если мышь медленно удалялась от делителя. Если я двигаю мышь с относительно нормальной или быстрой скоростью, она работает как положено.

Может кто-нибудь объяснить это или предоставить информацию о том, как обойти это?

Код:

$(document).ready(function() {
    $('header').mouseenter(function() {
        $(this).stop().animate({'top' : '25px'}, 500, function() {
            $(this).delay(600).animate({'top' : '-50px'}, 500);
        });
    }).mouseleave(function(e) {
        var position = $(this).position();
        if (e.pageY > position.top + $(this).height()) {
            $(this).stop().delay(600).animate({'top' : '-75px'}, 500) ;
        }
    });
});