Déplacement de contenu d'une page à l'autre

Bonjour à tous,


J'ai un soucis de décalage lorsque le contenu de ma page dépasse le niveau inférieur et nécessite le défilement. C'est-à-dire, la page s'affiche correctement si le contenu ne va pas au-delà de la limite basse de la page, dans le cas contraire, l'ensemble de mon affichage se déplace d'environ 10 pixels sur la gauche. Je n'arrive pas à savoir comment régler le problème.

J'ai un background dans le body, une bannière, un menu et le corps.

CSS :

body {
background-image : url('images/TestTranche/images/nouveauFond.jpg');
background-repeat : no-repeat;
background-position : top center;
height : auto;
font-family : Arial;
font-size : small;
width : 1200px;
margin: 0 auto;
}


//#page définit la taille de mon menu + le corps

#page {
width : 1200px;
margin-left : 195px;
margin-top : 194px;
}

#corps{
background-image : url('images/TestTranche/images/nouveauCorps.jpg');
background-repeat : no-repeat;
margin-top : -5px;
margin-left : 2px;
height : auto;
padding : 15px;
}