title: SVG viewport size not respected in IE
body: <p>I have a <a href="http://jsfiddle.net/mihaifm/ceUTx/1/" rel="nofollow">fiddle</a> for this.
  The below SVG is not rendered correctly in IE9. The transformed text goes over the viewport size, unlike in all the other browsers.</p>
  
  <p>Any ideas/workarounds ?</p>
  
  <p>thanks</p>
  
  <pre><code>&lt;div&gt;
     &lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="200px"&gt;
          &lt;g width="400px" height="200px" transform="matrix(4,0,0,4,-1134,-491)"&gt;
              &lt;text x="352" y="179.5" fill="#fff700" stroke="#000000" stroke-width="1" 
                    font-family="Arial" font-size="30" font-weight="bold" 
                    font-style="normal" transform="matrix(1,0,0,1,0,0)"&gt;
                    AAA
              &lt;/text&gt;
          &lt;/g&gt;
          &lt;rect x="0" y="0" width="400px" height="200px" 
                fill="none" stroke="black" stroke-width="1"&gt;
          &lt;/rect&gt;
      &lt;/svg&gt;
  &lt;/div&gt;
  </code></pre>