title: DropShadow IE filter <input> field caret position bug
body: <p>I'm using an IE-only filter dropshadow on a <code>&lt;div&gt;</code>, but this affects the caret/text cursor position of input and textarea fields within it.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="box"&gt;
      &lt;input type="text"/&gt;   
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>filter: progid:DXImageTransform.Microsoft.DropShadow(
      OffX=-8, 
      OffY=-8, 
      Color='#00ff0000', 
      Positive='true');
  </code></pre>
  
  <p>A live example can be seen at <a href="http://jsfiddle.net/Xg8Lb/2/" rel="nofollow">http://jsfiddle.net/Xg8Lb/2/</a> (the bug is only visible in IE).</p>
  
  <p>Does anyone have any ideas for a workaround?</p>
  
  <p>edit: The bug is apparent in IE8 and IE9. I have not tried in IE10. A quick try told me IE7 won't even let me type in the fields when dropshadow is applied, but this might just as well be jsfiddle - don't know, and don't care :)</p>