title: shadows looking bad in IE 9
body: <p>looking in internet how put a shadows to my containers i found this code that i apply to my divs </p>
  
  <pre><code>.boxShadow {
     -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
     -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; 
  }
  </code></pre>
  
  <p>Now, this code make's that my divs look great in chrome and Firefox <img src="https://i.stack.imgur.com/vV07H.png" alt="this is how it look in chrome and FF"></p>
  
  <p>But for some reason this is how looks like in IE 9
  <img src="https://i.stack.imgur.com/ZeAkt.png" alt="this is how it&#39;s looks in IE 9"></p>
  
  <p>I know that the style it's different for chrome and FF against IE but i want to know why my style are adding shadow to the characters too, is there a way to solve this?? thanks for your help</p>