css: hover color bug

Я только что заметил кое-что странное при создании меню для веб-сайта. Взгляните на этот скрипт , который иллюстрирует проблему.

Обратите внимание на маленькую оранжевую точку справа от последней буквы при наведении курсора на пункт меню.
Почему это происходит?

Я могу смягчить «оранжевый эффект», уменьшив контраст между цветом переднего плана и фона, но это не решает реальной проблемы. Это ошибка, или есть какой-нибудь способ исправить это?

Я использую Chrome на Mac, кстати. Я заметил, что этого не происходит в Firefox, так что это проблема, связанная с браузером.

Обновление
Спасибо за ответы и предложения, как это исправить! Я согласился с ответом Марселя, так как это был наиболее правильный ответ относительно того, почему это происходит. Не знаю, так ли это, но похоже, что это проблема Webkit. Если вы заметили ошибку в любом браузере, отличном от Webkit, сообщите об этом, и я обновлю его.