Текст Chrome становится размытым при переходе непрозрачности

Хорошо, старая добрая проблема с размытым текстом в хроме.

Я создаю раскрывающееся меню CSS, которое переходит от visibility: hidden и opacity: 0 к visibility: visible и opacity: 1, и текст становится слегка размытым.

Эта проблема отсутствует в Firefox. Там текст четкий.

Вы можете увидеть скрипку: http://jsfiddle.net/swum8rm7/1/

Удалив переход в строке 21, вы увидите, что текст становится четким. Я пробовал всевозможные махинации с translateZ и backface и не могу заставить его работать должным образом.