title: getBoundingClientRect, incorrect height value for inline SVG
body: <pre><code>&lt;body style="width:1000px;height:1000px;"&gt;
      &lt;div id="d" style="display:inline-block;"&gt;
          &lt;svg id="s" xmlns="http://www.w3.org/2000/svg" version="1.1" width="200px" height="200px"&gt;
            &lt;rect width="200px" height="200px" style="fill:rgb(0,0,255);"/&gt;
          &lt;/svg&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  var div = document.getElementById('d');
  var rect = div.getBoundingClientRect();
  
  alert(rect.width);  //200
  alert(rect.height);  //205 (in safari), 204.5 in other browsers
  
  var svg = document.getElementById('s');
  var rect = svg.getBBox();
  
  alert(rect.width);  //200
  alert(rect.height);  //200
  </code></pre>
  
  <p>I'm trying to get the width and height of the parent div. For whatever reason, getBoudingClientRect is giving me an incorrect height value (205 or 204.5) The width is correct, but the height is off. Any ideas?</p>
  
  <p><a href="http://jsfiddle.net/jTvaF/5/">http://jsfiddle.net/jTvaF/5/</a></p>