title: Complex CSS Text-Shadow and cross browser compatibility
body: <pre><code>&lt;html&gt;
  &lt;body&gt;
      &lt;style type='text/css'&gt;
          body {
              font: 100% myriad, arial, sans-serif;
              font-size: 12px;
              color:white; 
              font-weight:bold;
          }
          .shadowtext {
              text-shadow:-0.1em 0 0.1em #626262, 0.1em 0 0.1em #626262, 0 -0.1em 0.1em #626262, 0 0.1em 0.1em #626262;
          }
          .shadowtext_text {
              text-shadow:0 0 0.3em #000
          }
      &lt;/style&gt;
      &lt;DIV class="shadowtext"&gt;0 %&lt;/DIV&gt;   
      &lt;DIV class="shadowtext"&gt;10 %&lt;/DIV&gt;  
      &lt;DIV class="shadowtext"&gt;25 %&lt;/DIV&gt;  
      &lt;DIV class="shadowtext"&gt;95 %&lt;/DIV&gt;  
      &lt;DIV class="shadowtext"&gt;0123456789&lt;/DIV&gt; &lt;br&gt;
      &lt;DIV class="shadowtext_text"&gt;0 %&lt;/DIV&gt;  
      &lt;DIV class="shadowtext_text"&gt;10 %&lt;/DIV&gt; 
      &lt;DIV class="shadowtext_text"&gt;25 %&lt;/DIV&gt; 
      &lt;DIV class="shadowtext_text"&gt;95 %&lt;/DIV&gt; 
      &lt;DIV class="shadowtext_test"&gt;0123456789&lt;/DIV&gt;   
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am trying to get shadowtext_test to mimic the look of the text-shadow of shadowtext, without the over complicated longness. Anyone have any ideas?</p>
  
  <p>Also... I want it to look about the same on all browsers, or atleast IE7, IE8 and older firefox. Anyone know the best way to approach this. I didn't see an easy way to do multiple blurs/shadows/glows on IE using filter.</p>