html - 将鼠标移开后，谷歌浏览器和 Safari 悬停 div 不会隐藏

Question

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

当您将鼠标悬停在产品上时，会出现一个更大的 div，其中包含有关产品和一个按钮的更多信息。此内容使用 overflow:hidden 隐藏，所有内容均使用纯 css 解决方案完成。

我不知道为什么 google chrome(版本 29.0.1547.66 m)和 safari(5.1.7) 会出现这个问题。在 Mac 和 Windows 上的 Firefox 以及 IE>7 上对其进行了测试，它工作正常。

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

Answer 1

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

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