移动鼠标后，谷歌浏览器和Safari悬停div不会隐藏

Question

我有这个html页面：https://dl.dropboxusercontent.com/u/84321529/Fensternorm/index.html

当您悬停产品时，有一个更大的div，它包含有关产品和一个按钮的更多信息。这个内容隐藏了overflow:hidden，一切都是用纯CSS解决方案完成的。

我不知道为什么谷歌浏览器（版本29.0.1547.66米）和Safari（5.1.7）存在问题。在Mac和Mac上的Firefox上测试过它窗口和IE＆gt; 7，它工作正常。

你知道如何解决这个问题吗？

Answer 1

将position: absolute;放在这些课程中：.product-list li div {}

.product-list li div {
    width:184px;
    color:#999;
    line-height:15px;
    position:absolute; // <--
}

Answer 2

禁用li内部div的绝对定位，并且很可能你应该有一个可行的解决方案。