title: Why the MS filters (dropShadow, glow or shadow) doesn't work for <span> tags in IE?
body: <p>I just want to apply text shadow to <code>&lt;span&gt;</code> elements in Internet Explorer 6-9. I'm using the following CSS code.</p>
  
  <pre><code>.dropShadow { filter: dropshadow(color=#ffff00,offX=5,offY=5); }
  .glow       { filter: glow(color=#ff0000); }
  .shadow     { filter: shadow(color=#00ff00); }
  </code></pre>
  
  <p>With this HTML:</p>
  
  <pre><code>&lt;span class="dropShadow"&gt;span with dropShadow&lt;/span&gt;
  &lt;p class="dropShadow"&gt;paragraph dropShadow&lt;/p&gt;
  &lt;span class="glow"&gt;span with glow&lt;/span&gt;
  &lt;p class="glow"&gt;paragraph with glow&lt;/p&gt;
  &lt;span class="shadow"&gt;span with shadow&lt;/span&gt;
  &lt;p class="shadow"&gt;paragraph with shadow&lt;/p&gt;
  </code></pre>
  
  <p>The result is that only <code>&lt;p&gt;</code> elements will receive the <em>dropShadow</em>, <em>glow</em> and <em>shadow</em> styles. But <code>&lt;span&gt;</code> will not get styles applied. Why?</p>
  
  <p><a href="http://jsfiddle.net/k8rAj/3/" rel="nofollow">There is a live example (jsfiddle). I have used IE9.</a></p>