CSS定位异常Safari / Chrome

Question

请参阅以下示例：

http://6329195.com/stackoverflow/css_li_weird/index.html

如果您刷新页面，每隔一段时间，其中一个图像将向下移动，明显与其他图像不一致。它似乎不会发生在Firefox中。它每隔一段时间才会发生一次。大多数情况下它发生在最后一个图像上，但它可以一次发生在任何/多个图像上。您可以在此处查看问题的屏幕截图：

http://6329195.com/stackoverflow/css_li_weird/screenshot.jpg

任何人都可以告诉我有什么问题/为什么会这样做？

（该列表最终用于jQuery幻灯片放映，因此a标签中的空白href）

Answer 1

A similar question's answer让我尝试vertical-align: top;似乎有效。因此，如果由于某种原因你确实需要保留overflow:hidden;，那么这可能是一种防止故障/错误的方法。

工作示例：http://jsfiddle.net/rtppE/2/

li.productMenuItem{
    vertical-align: top;
    width: 45px;
    display:inline-block;
    list-style: none;
    height: 45px;
    overflow: hidden
}