Div Disappears When Hovering The Input Autocomplete In Firefox

I've made up a JSFiddle. It's a login form that appears when hovering the Sign In menu, but when hovering the input autocomplete the login form disappears, and I don't want that. H

Solution 1:

Not a good solution, but a really useful hint: http://jsfiddle.net/ymDTj/2/

Using JavaScript (jQuery):

$('.login').on('mouseover', function () {
    $('.login_form', this).show();
}).on('mouseout', function (e) {
    if (!$(e.target).is('input')) {
        $('.login_form', this).hide();
    }
});