IE 8 ошибка?Тень с градиентным фоном, и текст становится серым

Question

Это пример для http://jsfiddle.net/Eu5by/11/ и http://jsfiddle.net/Eu5by/12/

( Обновление: на самом деле, это не обязательно должна быть ссылка: см. http://jsfiddle.net/Eu5by/14/ и это просто текст)

код в основном:

<div id="main-box">    
  <a id="box" href="http://www.google.com">
      hello world
  </a>    
</div>

с CSS

#main-box {
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dddddd')
}

#box {
    display: block; width: 300px; height: 60px; line-height: 60px; text-align: center; background: #ffc; color: #ff7000;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f9ff', endColorstr='#e8f3ff',GradientType=0 )
}

текст будет отображаться серым в IE 8. Первая ссылка jsfiddle использует filter, а вторая - -ms-filter Есть ли способ исправить это?

(я пытаюсь использовать IE 8 на виртуальной машине. Если он установлен на моем IE 9, то он работает нормально.)

В IE 8 при удалении тени или градиента ссылка снова будет иметь правильный цвет.

Answer 1

Есть ошибка , задокументированная в QuirksMode .

Попробуйте установить коэффициент масштабирования, отличный от 100%;)