title: Text-Shadow: IE8
body: <p>Alright, so I'm trying to implement <code>text-shadow</code> across various browsers. I have IE6, IE7, FF, Chrome, and Opera all working... but IE8 wont' show any shadows unless it is in 'Compatibility View'.</p>
  
  <p>I've looked at a number of 'solutions' via search / Google, but the shadow is still only appearing in 'Compatibility View'.</p>
  
  <p>Any ideas on how to get it to show up without having to change modes?</p>
  
  <p><em><strong>Note:</strong> Using HTML5 Boilerplate and Modernizr.</em></p>
  
  <p>edit: Added that I'm using Modernizr, and I clicked the wrong button in my tester. This isn't working in IE9 either, but I don't think it is related.</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#links li a {
  font-size: 24px;
  text-shadow: 0 3px 3px #102530, 0 3px 3px #102530;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#102530')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#102530');
  filter:DropShadow(Color=#102530, OffX=0, OffY=3);
  zoom: 1;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ul id="links"&gt;
      &lt;li&gt;&lt;a href="#"/&gt;Text&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>