Javascript Firefox中的mouseenter和mouseleave

我在Firefox16中遇到了一个奇怪的问题

在一个div中，我在一个

mouseenter

（和

mouseleave

）事件中淡入淡出，其中嵌入了一个select标记。当我将鼠标移到选项上时，div会淡出或淡入，以此类推。但没有机会选择一个选项

这在Chrome中不会发生。有人知道为什么会发生这种情况以及如何解决吗

小提琴：

试试看：。我在Firefox上测试了它，它成功了

mouseleave:function(evt) {
    if (evt.target.nodeName.toLowerCase() !== "select") {
        $('div.fade').fadeOut();
    }
}

---

由于某些原因，mouseleave会在select元素上触发，但当mouseleave被select元素触发时，这不允许淡出。

在我的chrome浏览器中也会发生同样的情况。效果很好！多谢各位。