Bonjour a tous !

Voici mon probleme:

j'utilise plusieurs images sur mon site avec en position 'top left' ou 'bottom right' (ex: background: #fff url(mon_image.jpg) no-repeat top left et ceci ne cause aucun probleme selon les diferentes résolution de l'écran.

Cependant, j'ai une image (dans le body) qui est a un positionement particulier que je défini en % (ex: body{background: #fff url(mon_image.jpg) no-repeat 20% 50%} et bien entendu l'image se décalle selon la résolution.

Quelle serait la meilleur solution a adopter pour remédier a ce probleme ?
création d'un <div> pour englober l'autre et définir l'image en background ?

Merci !