#my-example .my-box {
  padding:20px;
  background:#BDBAF5; border:1px solid #333; }

#my-example.step-one .my-box {
  box-shadow:4px 4px 3px rgba(50,180,50,0.5); }
  
#my-example.step-two .my-box {
  -webkit-box-shadow:4px 4px 3px rgba(50,180,50,0.5);
  -moz-box-shadow:4px 4px 3px rgba(50,180,50,0.5); }
  
.ie7plus #my-example.step-three .wrapper,
.ie7plus #my-example.step-three .my-box {
  position:relative; zoom:1; }

.ie7plus #my-example.step-three .shadow {
  position:absolute; width:100%; height:100%;
  top:4px; left:4px; margin:-3px; background:rgb(50,180,50); }

.ie7plus #my-example.step-four .shadow {
  filter:Alpha(opacity=50)progid:DXImageTransform.Microsoft.Blur(pixelRadius=3); }