溢出问题：隐藏在Chrome中的鼠标悬停

Question

这是一个说明我的问题的jsfiddle：http://jsfiddle.net/snorthway/TP55F/6/

它在Firefox中运行良好，但在Chrome中如果你将鼠标移过，蓝色div会突然溢出圆圈并在鼠标移开时保持这种状态。我在鼠标悬停时所做的就是添加一个类来使颜色更亮。

我尝试将!important放在overflow:hidden上，但无济于事。我也按this answer中的建议尝试position:relative。我把这两个东西放在.hov类中（鼠标悬停时加上鼠标移除），但仍然没有。

另一个奇怪的事情是，如果我在Chrome中检查元素，它会恢复正常。如同，如果我打开检查器，将鼠标移到圆圈上，然后将鼠标移动到检查器的任何位置，溢出就会消失。

Answer 1

将overflow: hidden;放入.incomplete样式定义。