title: Setting height & width of canvas element to window.innerHeight/innerWidth causing scrollbars
body: <p>This is extremely straight forward, yet I cannot figure out why it is causing scroll bars. Here is the code:</p>
  
  <p>CSS</p>
  
  <pre><code>body, canvas, html{margin:0;padding:0;border:0 none;}
  canvas{background:Black;}
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;&lt;/head&gt;
      &lt;body&gt;&lt;/body&gt;
  &lt;/html&gt;​
  </code></pre>
  
  <p>JavaScript</p>
  
  <pre><code>var canvas = document.createElement("canvas");
  canvas.width = window.innerWidth;
  canvas.height = window.innerHeight;
  document.getElementsByTagName("body")[0].appendChild(canvas);​​​​​​​
  </code></pre>
  
  <p>​</p>
  
  <p>Shouldn't this only be causing the canvas to span the width and height of the viewable window? Here's a JSFiddle example: <a href="http://jsfiddle.net/TyJYH/" rel="noreferrer">http://jsfiddle.net/TyJYH/</a></p>