CSS с использованием фильтров в IE

Question

В связи с этим вопросом я настроил jquery для всплывающего нового div над существующим div. Хотя это прекрасно работает в любом другом браузере, семейство IE отказывается вести себя хорошо. При удалении следующих фильтров это работает быстро (неправильно, но быстро), тогда как с фильтрами требуется много времени, чтобы новый div появился / исчез. Если оставить его на достаточно долгое время, IE (6-8) будет проходить через jquery по порядку (то есть он, по-видимому, кэширует создание / уничтожение новых элементов div, а затем воспроизводит их).

Что мне нужно сделать, чтобы IE действовал правильно и быстро?

Фильтры, которые я пытаюсь использовать:

.newDiv
{
  opacity: 0; /*Every other browser*/
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE8*/
  filter: alpha(opacity=0); /*IE5-7*/
}

.newDiv:hover
{
  opacity: 1; /*Every other browser*/
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*IE8*/
  filter: alpha(opacity=100); /*IE5-7*/
}

Answer 1

Я бы просто задал jQuery для задания непрозрачности, вам, возможно, повезет больше, и его одна строка по сравнению с 3:

$('.newDiv').css('opacity','0');

Answer 2

В итоге я использовал

.newDiv
{
 visibility:hidden;
}
.newDiv:hover
{
 visibility:visible;
}

Это работало во всех браузерах, кроме IE <= 6 (нельзя использовать: hover ни на чем, кроме якоря). </p>