ie 9 не рисует тень :(

[perfecto]

Помогите разобраться.

Есть код:

#header, #deviz h1, #content, #footer {
	max-width:		1400px;
	min-width:		980px;
	padding:		10px;
	margin:			0 auto;
}

...


#deviz{	width:100%; background:#00baf0}
	#deviz h1{
	        background: 	inherit;
		color:		white;
                filter: 	Shadow(Color=#000000, Direction=45, Strength=2);
		font-weight:	normal;
		font-size:	16pt;
		padding:	7px 17px;		
		text-shadow: 	black -1px -1px 2px;
		white-space:	nowrap;
	}

И вроде бы все работает нормально, но IE9(из ослов пока установлен только он) отказывается рисовать тень. Точнее он ее рисует, но прячет за фоном. Собственно вопрос - как исправить? Я думаю можно дублировать слой для ie и наложить поверх того, но может есть что-то более рациональное?

[klierik]

src: http://css-tricks.com/snippets/css/css-box-shadow/

.shadow1 {
	margin: 40px;
	background-color: rgb(68,68,68); /* Needed for IEs */

	-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}