Bordure en css

Bonjour,

Après avoir parcouru pas mal de tuto (où je n'ai pas compris grand chose ><) je désespère de trouver une solution à mon problème.

Je travaille sur le CMS prestashop, en css avec dreamweaver et j'aimerais personnaliser mon thème en y ajoutant une bande de chaque coté.

En bidouillant voilà ce à quoi j'arrive : http://servimg.com/image_preview.php?i=99&u=11504144

Avec comme code css :

body { 
 background-color: white; 
 font-size: 11px; 
 font-family: Verdana, Arial, Helvetica, Sans-Serif; 
 color: #5d717e; 
 text-align:center; 
 margin-right: black; 
 background-image:url(../img/violet.png)  ; 
}

Je suis sur mon pc en 1440*900, j'ai créé mon image "violet.png" en 1440*900 donc ça passe, mais si quelqu'un a une autre résolution ça décale tout et ce n'est plus centré.

Comment je peux faire pour avoir deux bandes bien collées à droite et à gauche, avec le dessin que je veux (je pense mettre un dégradé de bleu ou une image), et ce, peu importe la résolution ?

J'espère avoir donné assez d'informations, je suis novice en css donc si besoin j'essayerais de donner plus d'informations ^^

Merci

edit : problème rêglé avec : background-position:center top;