title: SVG isn't sizing properly in Internet Explorer
body: <p>I know SVG support in IE is wonky but people have managed to get it working properly from IE9 up.</p>
  
  <p>I'm creating a cinema seat selection type thing - much like the AMC one found here when booking for a movie: <a href="https://www.amctheatres.com/movies/focus#31347" rel="nofollow">https://www.amctheatres.com/movies/focus#31347</a></p>
  
  <p>However in IE my svg is rendering really small. I can't figure it out for the life of me. </p>
  
  <p>Heres my opening svg code with a couple of its inner bits:</p>
  
  <pre><code>&lt;svg preserveAspectRatio="xMidYMin" height="100%" width="100%" viewBox="0, 0, 440, 380"&gt;
  
      &lt;rect width="440" height="7" style="fill:#333e48;"&gt; &lt;!-- The screen --&gt; 
  
      &lt;g transform="translate(360, 300)"&gt;
          &lt;circle cx="10" cy="10" r="8" class="disabled circle" fill="#c6cacd" data-rowindex="3" data-columnindex="3" data-seatnumber="P18" data-areacategorycode="0000000004" data-areanumber="1"&gt;&lt;/circle&gt;
      &lt;/g&gt;
      ...
  </code></pre>