Ciao, ho un problema...senza spiegare è meglio che vi illustri la situazione!

Questo è il codice:

/*Inizio Box Centrali*/

#contenutoup {
position: absolute;
top: 200px;
left: 202px;
width: 494px;
height: 15px;
background: url(../img/contenutoup.png) no-repeat top left;
}

#contenuto {
position: relative;
top: 215px;
left: 202px;
width: 494px;
text-align: left;
background: url(../img/contenuto.png) no-repeat top left;
}

#contenutodown {
position: absolute;
left: 202px;
width: 494px;
height: 24px;
background: url(../img/contenutodown.png) no-repeat top left;
}

/*Fine Box Centrali*/

/*Inizio Footer*/

#footer {
width: 898px;
height: 58px;
top: 909px;
left: 0px;
position: relative;
background: url(../img/footer.png) no-repeat top left;
}

/*Fine Footer*/
Non so perchè il #contenutodown me lo rimanda in alto...mentre io voglio che stia subito dopo il #contenuto...
Suggerimenti?
E poi, ogni volta che provo a cambiare le misure nel #contenutodown mi cambia anche la posizione del #footer....

Help me!

Vi lascio l'immagine: Clicca qui...