title: html5 multiple canvas wont overlap
body: <p>New to HTML5 game development.</p>
  
  <p>I am trying to overlap 2 canvases on each other. #canvasBG and #canvasJet. 
  This should be working im not sure why it isn't.</p>
  
  <p>my html</p>
  
  <pre><code>&lt;button id="clearCanvasBtn" type="button"&gt;Clear Canvas&lt;/button&gt;
  &lt;canvas id="canvasBg" width="800px" height="500px"&gt;&lt;/canvas&gt;
  &lt;canvas id="canvasJet" width="800px" height="500px"&gt;&lt;/canvas&gt;
  &lt;div id="inner"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>my css</p>
  
  <pre><code>#canvasBg {
      background:#FFFFFF;
      margin: 100px auto 0px;
      display:block;
  }
  
  #canvasJet {
      background:#FFFFFF;
      margin: -500px auto 0px;
      display:block;
  }
  </code></pre>
  
  <p>You can check it out right now here: <a href="http://dev.yeahnah.tv/gina/" rel="nofollow">http://dev.yeahnah.tv/gina/</a></p>