IE8 z-index объекта с фильтром

[only_dimon]

Доброго времени суток всем!

Столкнулся с проблемой, с бубном танцевал, гуглил, но решения так и не нашел. Надеюсь на помощь.

Есть попап-менюшка. Появляется ul. К нему я применил фильтр Shadow и тотчас в IE8 перестал работать hover для il. Пробовал для a hover - тоже не видит. Как оказалось после часов упорного тестирования, если вести мышью от элемента с большим, чем у ul z-index'ом, и навести на li - hover работает. Вот я и стал очень озадачен.

Ниже код:

<div id="add_panel"><a class="add active" href="#"></a>
	<ul id="popup-add">
	    <li><a href="#">Категорию</a></li>
	    <li><a href="#">Товар</a></li>
	</ul>
      </div>

и css для IE:

#add_panel .add.active{
	width: 16px; 
	height: 16px;
	background: url(../images/icons.png) 0 -20px;
	display: block;
	margin: 12px 0 0 12px;
	z-index: 65;
}
#popup-add {
	filter:
        progid:DXImageTransform.Microsoft.Shadow(color='#EEEEEE', Direction=45, Strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color='#EEEEEE', Direction=135, Strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color='#EEEEEE', Direction=225, Strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color='#EEEEEE', Direction=315, Strength=10);
		top: 46px;
		left: -2px;
	zoom: 1;
		z-index: 60;
}
#popup-add  li {
	width: 150px;
	background: #fff;
}
#popup-add  li a {
	color: #0097F8;
	padding: 0 0 0 10px;
	width: 150px;
}
#popup-add  li a:hover {
	color: #FFF;
}

Если вести мышью с блока .add, hover работает.

Заранее спасибо за помощь!

P.S. В IE7 работает.

[Avalon4eg]

http://www.xiper.net/collect/html-and-css-tricks/glyuki-brauzerov/IE/z-index-ie6-7.html

Плохо гуглили - для 8го тоже работает.

[only_dimon]

http://www.xiper.net/collect/html-and-css-tricks/glyuki-brauzerov/IE/z-index-ie6-7.html

Плохо гуглили - для 8го тоже работает.

Простите за резкость, но читал я и именно это, и десяток похожих статей. Прекрасно знаю, что важен z-index родителя и должно быть задано position.

И чем же это моему случаю помогает?

Пробовал для li и для a задавать position и z-index больше, чем у ul. Ничего не помогает. Если задать ul бэкграунд, становится видно, что он ниже, чем li и a. Они его фоном не перекрываются. Без фильтра тени - все работает. В ie7 (который в статье) - все нормально. Так при чем тут статья про z-index, которую вы скинули?

Не сидел бы часами над этой траблой, не писал бы на форум (снова простите за резкость).

Здесь конкретно глюк только с IE8 и при использовании тени.

Edited August 22, 2012 by only_dimon