title: SVG as data URI not rendering
body: <p>It's probably just a syntax error but I can't find any thorough references on this kind of usage. Chrome is overstriking my background property, so I've obviously offended something.</p>
  
  <p><a href="http://jsfiddle.net/YbA39/2/" rel="nofollow">http://jsfiddle.net/YbA39/2/</a></p>
  
  <p>I want what's in the red box (an svg css background) to render just like the inline svg in the html. Simple, right?</p>
  
  <p>Don't say it can't be done! My inspiration is this: <a href="http://jsfiddle.net/estelle/SJjJb/" rel="nofollow">http://jsfiddle.net/estelle/SJjJb/</a></p>