javascript - HTML5複数のキャンバスが重ならない

Question

HTML5 ゲーム開発の初心者。

2 つのキャンバスを互いに重ねようとしています。#canvasBG と #canvasJet 。これは機能するはずですが、なぜ機能しないのかわかりません。

私のhtml

<button id="clearCanvasBtn" type="button">Clear Canvas</button>
<canvas id="canvasBg" width="800px" height="500px"></canvas>
<canvas id="canvasJet" width="800px" height="500px"></canvas>
<div id="inner"></div>

私のCSS

#canvasBg {
    background:#FFFFFF;
    margin: 100px auto 0px;
    display:block;
}

#canvasJet {
    background:#FFFFFF;
    margin: -500px auto 0px;
    display:block;
}

ここで今すぐチェックできます: http://dev.yeahnah.tv/gina/