Internet Explorer имеет странную разницу в 1px с фоном-изображением

Question

Я использую спрайт из двух изображений и испытываю 1px-разницу во всех версиях Internet Explorer, но отлично работает в Firefox.

Смотрите демонстрацию здесь: http://jsfiddle.net/bHUs3/6/

Мое сердце болит. Что вызывает это несоответствие?

Ниже экрана при наведении курсора мыши в Internet Explorer (без конкретной версии) Редактировать Я расследую, если моя установка IE ISNT как звук, как я думал

Answer 1

Я предполагаю, что это вызвано путем резкого изменения цвета эффекта теневой тени.

Обратите внимание, что когда кнопка не зависает, буквы как-то смелее. Кажется, что белые буквы имеют белую рамку, которая добавляется к текущему весу буквы. Это не происходит в событии наведения, потому что буквы имеют другой цвет.

Добавить + 1px по оси x, и он будет сглажен. http://jsfiddle.net/bHUs3/9/

Если вы хотите, чтобы сделать эти изменения только в IE использовать условный комментарий:

<!--[if IE]> 
.calltoActionReadMore {background-position:1px -24px} 
<![endif]-->