Box Shadow - Problem bei Internet explorer

[helmet_9]

Hallo Forum,

ich hoffe, mir kann jemand einen Tip geben.. z.B auf ein gutes Tutorial zum Thema Schatteneffekte.

Also ich habe folgenden html code:

  
<div class="box1">  
  <div class="bild">  
  <img src="">  
  </div>  
  <div class="text">  
  <p>text..</p>  
  </p>  
  </div>  
  </div>  

Nun möchte ich, dass um Alles also um box1 ein shadow gelegt wird.
Ich benutze dafür untenstehenden CSS.
Mein Problem ist, dass der IE den Schatteneffekt um alles noch mal extra anwendet.. Jedes in box1 enthaltene Div hat dann einen eigenen Schatten und sogar selbst der Text hat einen Schatteneffekt. So als ob der das auf jedes Child-elemnt vererbt.

  
  
.box1  {  
-moz-box-shadow:    3px 3px 5px 6px #ececec;  
-webkit-box-shadow: 3px 3px 5px 6px #ececec;  
box-shadow:         3px 3px 5px 6px #ececec;  
zoom: 1;  
  
/* For IE 8 */  
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  
/* For IE 5.5 - 7 */  
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  
  
border:1px solid #ececec;  
height: 15em;  
  
	width: 28.86em;  
	float:left;  
	clear:none;  
}  
/* das habe ich versucht um das "vererben" des Schatteneffekts zu unterbinden: */  
.box1 div.bild , .box1 div.bild img ,  
.box1 div.text , .box1 div.text p{  
	filter:none;  
	-ms-filter:none;  
}