title: IE11 does not accept SVG height and width when using D3
body: <p>I am using the following to setup a responsive SVG</p>
  
  <pre><code>    outerHeight = 400;
      outerWidth = 600;
  
      var margin = {top: 20, right: 20, bottom: 30, left: 40},        
           width = outerWidth - margin.left - margin.right,
           height = outerHeight - margin.top - margin.bottom;
  
      var svg = d3.select("div#simulation-1")                 
          .append("svg")  
          .attr("preserveAspectRatio", "xMinYMin meet")
          .attr("viewBox", "0 0 "+outerWidth+" "+outerHeight)
          .attr("class","svg");
  </code></pre>
  
  <p>This works perfectly in Chrome. In IE11 and Firefox however the whole chart is scaled down (axis and font are tiny) and the value for the viewBox is</p>
  
  <pre><code>viewbox="0 0 1936 1056"
  </code></pre>
  
  <p>For some reason it does not accept the specified height and with. However it still is reponsive.</p>
  
  <p>Included fiddle: <a href="https://jsfiddle.net/4p73n364/" rel="noreferrer">https://jsfiddle.net/4p73n364/</a></p>
  
  <p>Any idea?
  Regards,
  Jean</p>