jQuery - mouseenter works in chrome but not firefox
<p>I have this bit of jQuery: </p>

<pre><code>$('#list_cont').on('mouseenter', '.show_map', function() {
    $(this).next('.map_cont').stop().fadeIn(800);
}).on('mouseleave', '.show_map', function() {
    if (!$(this).next('.map_cont').is(':hover')) {
        $(this).next('.map_cont').delay(600).stop().fadeOut(800);
    }
});

$('#list_cont').on('mouseenter', '.show_map', function() {
    $(this).stop().show();
}).on('mouseleave', '.map_cont', function() {
    $(this).delay(600).stop().fadeOut(800);
});
</code></pre>

<p>It shows <code>.map_cont</code> on <code>.show_map</code> mouseenter, then if hovered on <code>.map_cont</code>, it doesn't fade out until cursor leaves <code>.map_cont</code>.</p>

<p>This works in chrome but not in Firefox.  I have no clue how to cross browser test this type of thing.</p>
