title: VW and VH units are not accurate
body: <pre><code>width: 100vw;/* 100% of viewport width */
  height: 100vh;/* 100% of viewport height*/
  </code></pre>
  
  <p>This CSS should give me the exact(100%) dimensions of the viewport. But it is apparently too large because it's causing an overflow on the page.</p>
  
  <p>It is not padding, margin, or outline because I removed all of that.</p>
  
  <p><em>note</em> It also seems that it only "grows" bigger than the projected dimensions when I add two divs with these dimensions. <em>(but it's always the case in jsfiddle)</em></p>
  
  <p><a href="http://jsfiddle.net/0psu7ys6/" rel="noreferrer">http://jsfiddle.net/0psu7ys6/</a></p>
  
  <p>Should I just consider it a bug and write a work around? Or am I missing something?</p>