Выпуска с переливом: скрытый при наведении курсора мыши в Chrome

Question

Вот jsfiddle иллюстрирующего моей проблемы: http://jsfiddle.net/snorthway/TP55F/6/

Он отлично работает в Firefox, но в Chrome, если вы мыши над, синим ДИВ вдруг переполняется кругом и остается таким образом на мышь. Все, что я делаю с помощью мыши, - это добавление класса, чтобы сделать цвета ярче.

Я попробовал поставить !important на overflow:hidden, но безрезультатно. Я также попытался сделать position:relative, как предложено в this answer. Я помещаю обе эти вещи в класс .hov (который добавляется на мышь и удаляется с помощью мыши), а также ничего.

Еще одна странная вещь: если я проверяю элемент в Chrome, он возвращается к норме. Как и в случае, если у меня открыт инспектор, наведите курсор на круг, затем переместите мышь куда-нибудь в инспектор, переполнение исчезнет.

Answer 1

Поместите свой overflow: hidden; в определение стиля .incomplete.