Probleme de compréhensoin en html

Bonjour,
body
{width:760px;
margin: auto; /* pour centrer le block et faut se rapeller quand on met auto a cette propriété il faut donner une valeur exacte comme on la fait en haut "width: 760px;" */
margin-top: 20px; /* pour décaller le block du haut de 20px vers le bas */
margin-bottom: 20px; /*pour décaller le block du bas de 20 px vers le haut */
background-image: url("images/rasengan.jpg");
background-attachment: scroll;} /*l'image fond du site va défiler elle va pas rester bloquée*/

voila j'ai essayer de modifier le code pour comprendre un peu mais j'ai un petit problème je comprend pas pourquoi quand je remplace la valeur de width: 760px; par width: 500px; la baninière que j'ai mit se déplace à droite de la page normalement elle devrai se déplacer a gauche de la page puisque je diminue la valeur ??