html5拖动layer,html - CSS3 HTML5 Layer - Stack Overflow

I'm doing my Website but I have a problem. I have one background image and in this image, different layers:

layer are with exactly the same size and same position. I tried this :

HTML

CSS

body {

background-color: #feecc5;

font-size: 13px;

position: absolue;

background-image: url(images/fond.png);

width: 600px;

height: 960px;

background-position: center top;

background-repeat: no-repeat;

}

#1 {

background-image: url(images/formation.png);

width: 600px;

height: 960px;

z-index: 1;

}

#2 {

background-image: url(images/experiences.png);

width: 600px;

height: 960px;

z-index: 2;

}

The background image for the body is perfect, after the different layers are very bad... I don t understand after i tried also a position: center for the div, nothing. Also put all the div "layer" in the general div, it doesn't work too. I don t know that i have to do. Thank you very much for your help.