title: CSS Shadow IE8 and below
body: <p>I have the following Shadow CSS properties applied to a form to to get cross browser support. It's working in Firefox, chrome and IE9, but in IE8 and below shadow is being applied to the input fields rather then the form itself. How can i work around this. </p>
  
  <pre><code>&lt;form&gt;
      input1: &lt;input type="text"&gt;&lt;br&gt;
      input2: &lt;input type="text"&gt;&lt;br&gt;
      &lt;input type="submit" value="submit"&gt;
  &lt;/form&gt;
  
  form {
      width:400px;
      height:200px;
      -moz-box-shadow: 3px 3px 4px #ccc;
      -webkit-box-shadow: 3px 3px 4px #ccc;
      box-shadow: 3px 3px 4px #ccc; /* For IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
      filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#cccccc');
  }
  </code></pre>
  
  <p>Check <a href="http://jsfiddle.net/FnXwk/" rel="nofollow">http://jsfiddle.net/FnXwk/</a></p>