placer une div sur une toile en html5

Je suis en train de placer un élément div sur une toile (c'est pour un jeu) sur le centre de ma page. Il s'agit d'un startscreen que je veux montrer sur la toile, avant de commencer le jeu(ce startscreen a des options comme "Jouer le jeu", "Paramètres", etc). Le problème est que je ne peut pas obtenir ce fait, j'ai beaucoup cherché sur Google, j'ai vu beaucoup d'exemples, mais aucune ne semble fonctionner pour moi. Voici mon code:

<div id="gamecontainer">
            <canvas id="myCanvas" width="800" height="600">
                Sorry, <strong>CANVAS</strong> is not supported by your browser. Get a more recent one to play my game!
            </canvas>

            <div id="gamestartscreen" class="gamelayer">
                <img src="images/icons/play.png" alt="Play Game" onclick="alert('ceve');"><br>
                <img src="images/icons/settings.png" alt="Settings">
            </div>
</div>

voici le css:

#gamecontainer {
    width: 800px;
    height: 600px;
    background-color: beige;
    border: 1px solid black;
    position: relative;
    margin: 0 auto;
}

.gamelayer {
    width: 800px;
    height: 600px;
    position: absolute;
    display: none;
    z-index: 0;
}


/* Screen for the main menu (Like Play, Settings, etc.) */
#gamestartscreen {
    position: relative;
    margin: 0 auto;
}

#gamestartscreen img {
    margin: 10px;
    cursor: pointer;
}

Quelqu'un pourrait s'il vous plaît dites-moi où je fais de mal?

InformationsquelleAutor André Hincu | 2013-04-07