title: SVG <use> elements in Chrome not displayed
body: <p>Chrome seems not to display <code>&lt;use&gt;</code> elements in inline svg. Here is an example (code below or view it at <a href="http://www.bobwyttenbach.com/chromeuse.html" rel="nofollow">http://www.bobwyttenbach.com/chromeuse.html</a>):</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Chrome use-tag bug?&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="200px" viewBox="0 0 200 200"&gt;
      &lt;defs&gt;
          &lt;g id="test1"&gt;
              &lt;circle cx="100" cy="100" r="50" fill="red"/&gt;
          &lt;/g&gt;
      &lt;/defs&gt;
      &lt;g&gt;
          &lt;rect x="0.5" y="0.5" width="199" height="199" stroke="black" fill="none"/&gt;
          &lt;use xlink:href="#test1" x="0" y="0"/&gt;
      &lt;/g&gt;
  &lt;/svg&gt;
  &lt;p&gt;Above is inline svg with a use tag; below is the same svg linked through an object tag. Below is correct.&lt;/p&gt;
  &lt;object data="chromeuse.svg" width="200" height="200"&gt;&lt;/object&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The red circle does not appear in the inline svg but does appear when the same svg is linked through an object tag. Safari, Firefox, Opera, and Internet Explorer 9 all display the inline svg correctly.</p>
  
  <p>Am I doing something wrong? Is this a known Chrome bug (I haven't found it listed)? Any workarounds?</p>