Псевдоэлемент :before и z-index в ie8

[poseidon]

#main {	background-color: #fff;	border-radius: 15px;	border: 1px solid #d5d5d5;	display: block;	height: 1000px;	margin-top: 7px;	position: relative;	width: 948px;}#main:before {	content: url(../images/top-shadow.png);	display: block;	position: absolute;	top: -10px;	z-index: -1;}

<div id="main"></div>  

Здравствуйте. Подскажите пожалуйста, как заставить работать z-index в псевдоэменте ( :before ) для браузера ie8. Основная задача заключается в том, что нужно поместить подложку ( в данном случаи тень овальной формы ) под основной элемент ( #main ). В "нормальных" браузерах данный код работает. В ie8 подложка "выезжает" на передний план.

[Igor Schnaider]

В IE косяк с этим. Делайте не через псевдоэлемент.

[poseidon]

В IE косяк с этим. Делайте не через псевдоэлемент.

Спасибо за ответ.