title: Internet Explorer - CSS Shadow All Around
body: <p>I have been ripping my hair out over this issue, I want a simple shadow that does around the whole  element, besides for the top. I got it to work in Firefox and Chrome with no problem. But IE has this weird "direction" setting where as the other as 4 numbers to define the shadow. </p>
  
  <p>Can someone help me define the right CSS so that it will have a shadow around the whole element besides the top. </p>
  
  <pre><code>/* For Firefox and Chrome */
  -moz-box-shadow: 0px 0px 7px #000;
  -webkit-box-shadow: 0px 0px 7px #000;
   box-shadow: 0px 0px 7px #000;
  
   /* for IE */
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=600, Color='#000000')";
  </code></pre>