title: White empty space below Canvas
body: <p>After spending hours fiddling with code, I got a problem. I created a grey HTML canvas that would fill up the whole screen, and it worked. But even though the canvas should be the only visible object on the screen, there still seems to be a small white empty space on the bottom of the page when I scroll down. I already know it's nothing to do with the body because I already tried changing the color to grey.</p>
  
  <p>Here is my code:</p>
  
  <p>Head:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      body {
          margin: 0;
          padding: 0;
      }
  
      canvas {
          background-color: #1A1A1A;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>Body:</p>
  
  <pre><code>&lt;canvas onload="init();" id="canvas"&gt;&lt;/canvas&gt;
  &lt;script&gt;
      var size = {
          width: window.innerWidth || document.body.clientWidth,
          height: window.innerHeight || document.body.clientHeight
      }
      canvas.height = size.height;
      canvas.width = size.width;
  &lt;/script&gt;
  </code></pre>