Centrage et retaillage automatique d'un bandeau

Salut,
je m'attaque à la conception de mon site et je souhaite utiliser CSS/HTML.
Mon 1er souci: j'ai un bandeau en tête de la page d'accueil que je souhaiterai voir se retailler et rester centré si l'utilisateur retaille la fenêtre du navigateur.
A voir ici http://oferran.free.fr
Evidemment je ne veux pas utiliser de tableau.
J'ai fait qques tests, d'après "Centrer les éléments ou un site web en CSS" sur Alsacréations en vain et en regardant le source de qques sites mais ça marche pas.
Une idée du résultat souhaité ici http://lpivtt.free.fr/VTT_menu.php
mais obtenu avec un tableau (retailler la page et regarder le redimensionnement du bandeau du haut)
Merci de votre aide

à mon avis c'est très simple : un div avec en css : une image en background très large et centré, des marges gauche et droite en pourcentage, et une hauteur définie + un margin-top et hop !
c'est l'principe ?

oui c'est le principe mais ça marche pas !!
J'arrive à centrer mais lorque que je retaille la fenêtre du navigateur, je ne vois plus la partie droite du bandeau, c'est à dire qu'il ne se redimensionne pas automatiquement comme ici http://lpivtt.free.fr/VTT_menu.php

ça y est j'ai compris et ça marche: il ne faut pas préciser la largeur de l'image...évidemment
En fait, lors du redimensionnement du navigateur, l'image ne se redimensionne pas contrairement à ce que je croyais mais elle est rognée à gauche et à droite.
Voilà donc le code qui fonctionne:
CSS

#bandeau {

	height:120px;
	margin-left: 2%;	
	margin-right: 2%;	
	background-image: url(images/bandeau.jpg);
	background-position: center;
}

HTML

<div id="bandeau">  </div>