Html Google chrome和Safari hover div不'；移开鼠标后不要隐藏

我有这个html页面：

当您悬停产品时，会有一个更大的

div

，其中包含有关产品的更多信息和一个按钮。此内容通过

overflow:hidden

隐藏，一切都是通过纯css解决方案完成的

我不知道谷歌chrome（版本29.0.1547.66 m）和safari（版本5.1.7）为什么会出现这个问题。在mac和windows以及IE>7上的Firefox上进行了测试，效果良好

---

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

把

的位置放在：绝对在这些类中：
.product list li div{}

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

。产品列表li div{
宽度：184px；
颜色：#999；
线高：15px；
位置：绝对；//将
位置：绝对；
放在这些类中：
。产品列表li div{}

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

。产品列表li div{
宽度：184px；
颜色：#999；
线高：15px；
位置：绝对；//禁用li内部div上的绝对定位，很可能您应该有一个工作解决方案。
禁用li内部div上的绝对定位，很可能您应该有一个工作解决方案。
太好了！非常感谢！：）太好了！非常感谢！：）