点击 select 元素会触发在其上方的相邻 ul 元素的 hover 事件

大家好，在 Chrome（版本 38.0.2125.104）浏览器下（firefox下正常）出现了一个很奇怪的问题，就是点击 select 元素会触发在其上方的相邻 ul 元素的 hover 事件，就是不知道具体的原因是什么？应该如何解决？

这里是 jsFiddle 的 链接

---

你在样式中添加一条这个

#list {
    margin-bottom: 200px;
}

然后再试一下