title: SVG image inside of SVG does not scale in Firefox
body: <p>I'm using an SVG inside of an HTML document, and using an external SVG file inside of said SVG. Like so:</p>
  
  <pre><code>&lt;svg class="ipachart" width="500" height="350" viewBox="0 0 500 350" version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
  
      &lt;!-- In Firefox 38.0.5, the svg does not scale to fit the SVG. While it's fine in Chrome. --&gt;
      &lt;image x="0" y="0" width="100%" height="100%" xlink:href="https://www.dropbox.com/s/gtindax1177ewmx/Blank_vowel_trapezoid.svg?dl=1" /&gt;
  
      &lt;!-- Using a PNG, it scales just fine in Firefox --&gt;
      &lt;!-- &lt;image x="0" y="0" width="100%" height="100%" xlink:href="https://www.dropbox.com/s/w0i764blf4tbc4z/Blank_vowel_trapezoid.png?dl=1" /&gt; --&gt;
  
  &lt;/svg&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/tsyrak/ut4ua980/" rel="nofollow noreferrer">JSfiddle</a></p>
  
  <p>This works fine in Chrome and Safari. (I do not care for IE.)</p>
  
  <p>The problem is that the SVG image does not scale to fit in Firefox (version 38.0.5). Instead of looking like this:</p>
  
  <p><img src="https://i.stack.imgur.com/0bVmS.png" alt="SVG scaling in Chrome"></p>
  
  <p>It looks like this (as if it wasn't scaling at all):</p>
  
  <p><img src="https://i.stack.imgur.com/9FNRY.png" alt="SVG not scaling in Firefox"></p>
  
  <p>If I use a PNG version in place of the SVG, it works like expected. Which makes me think it's a bug.</p>
  
  <p>Should I file a bug report?</p>