.container { width: 100%; height: 100%; } .container .layout { width: 100%; height: 100%; position: absolute; display: block; top: 0; right: 0; overflow: hidden; } #background { background: transparent url(/images/debug-bg.jpg) repeat 0 0; z-index: 0; } #ground { z-index: 30; } #game { z-index: 60; } /* The Ship */ #game #ship { position: absolute; display: block; top:0; left:0; background: rgba(20, 20, 20, 1); } #ship .wing { position: absolute; top:33px; left:6px; display: block; width: 70px; height: 55px; background: transparent url(/images/sprites/wings_eagle_sprite.png) no-repeat 0 0; } #ship .wing.right { left: 83px; background-position: right 0; } #ship .ship-body { position: absolute; display: block; top: 20px; left: 0; width: 154px; height: 137px; background: transparent url(/images/sprites/spaceship_body.png) no-repeat 0 0; } #ship .ship-canon { position: absolute; display: block; top:0; left: 70.5px; width: 18px; height: 40px; background: transparent url(/images/sprites/weapon_pilot.png) no-repeat 0 0; } /* Ennemies */ #game .ennemy { border: 1px solid blue; } #hud { z-index: 90; display: none; } #ship { top: 50%; left: 50%; background: white; } /* Debug Panel */ #debug { position: absolute; display: block; right: 10px; top: 10px; color:#fff; z-index: 1000; }