問題與溢出：隱藏在鼠標懸停在Chrome

Question

這是說明我的問題的jsfiddle：http://jsfiddle.net/snorthway/TP55F/6/

它工作在Firefox罰款，但在Chrome中，如果你的鼠標經過，藍格突然溢出圈和保持這種方式在鼠標外面。我在鼠標上做的所有事情都是增加一個班級，讓顏色更加明亮。

我試過把!important放在overflow:hidden上，無濟於事。我也試着按照this answer的建議去做position:relative。我把這兩個東西放在.hov類中（它們在鼠標移到鼠標上時被移除），但仍然沒有任何東西。

另一個奇怪的是，如果我檢查Chrome中的元素，它會恢復正常。如同，如果我打開檢查員，將鼠標懸停在圓上，然後將鼠標移到檢查員的任何位置，溢出消失。

Answer 1

將overflow: hidden;置於.incomplete樣式定義中。