title: Text shadows and zooming
body: <p>I'm trying to apply text shadows for svg text but it is kinda buggy for firefox and chrome but I'm not sure why. I'm trying to use them to create a border around the text. </p>
  
  <p>Here is my jsfiddle: <a href="http://jsfiddle.net/f3m8Z/" rel="nofollow">http://jsfiddle.net/f3m8Z/</a></p>
  
  <p>And here is the css I'm using for text:</p>
  
  <pre><code>text-shadow: 0px -1px 5px red,     
       0px  1px 5px red,    
      -1px  0px 5px red,     
       1px  0px 5px red,    
      -1px -1px 5px red, 
      -1px  1px 5px red,     
       1px -1px 5px red,     
       1px  1px 5px red;   
  </code></pre>
  
  <p>In Chrome if I zoom in and out some of the Hello Worlds have a thicker outline and if I drag it around it leaves behind text (if you zoom in first and then drag).</p>
  
  <p>In Firefox only the top Hello World has some shadow (and it's not really even noticeable) but I read that Firefox does support text shadows. </p>
  
  <p>Is the problem because the text is svg and not actual text and if so is there a workaround for this?</p>
  
  <p>Thanks</p>