title: Inline SVG Height / Viewbox not working in IE
body: <p>I am working with a large SVG container and while it looks fine everywhere else and scales nicely for mobile, Internet Explorer does not seem to read the height of the SVG.</p>
  
  <pre><code>&lt;svg id="section-one-svg-container" preserveAspectRatio="xMinYMin meet" version="1.1" viewBox="0 3022.75 940 6986"&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>As you can tell there, I have removed the width and height values to allow for the SVG to scale cleanly. The CSS is pretty vague:</p>
  
  <pre><code>svg {width: 100%; height: auto;}
  </code></pre>
  
  <p>However, in IE, 9+ the SVG element is showing with a height of ~100px despite there being content in there that should stretch it to its full height.  Any recommendations on how to have IE see the full height of the SVG container?</p>