Positionnement d'une image en absolue ? [résolu]

[seabird]

Bonjour,

J'ai un petit soucis pour positionner une image. Je dois rajouter une image sur toutes les pages d'un site.
Le site a une largeur de 1000px et est centré quelque-soit la résolution, sauf pour une résolution < à 1000 pour lequel il se place sur le bord gauche. Je dois mettre l'image à 240px du haut et à 20px du bord droit du site.
J'ai donc pensé à rajouter un div par exemple dans le header qui est inclus dans toutes les pages .
j'ai commencé par écrire ça:

Code: Tout sélectionner

<div style="position: absolute;top:240px;right:20px;" ><img  src="image.gif" ></div>

Bien sur, il y a un problème a droite vu que les positions sont données par rapport au bord de la fenêtre du navigateur, et si la résolution change, l'image se décale.

J'ai pensé à utiliser float .

Code: Tout sélectionner

<div style="float:right;margin-right: 20px;margin-top: 240px;" ><img  src="image.gif" ></div>   

Cela fonctionne sous Firefox, mais pas sous ie qui me decale le site vers le bas de 240 et place l'image au-dessus.

Et avec position:relative , je ne m'en sors pas non plus.

Je suis sur que cela ne doit pas être sorcier, mais la je ne vois pas..
Une idée ?


Edit: C'est bon , j'ai réussi à m'en sortir avec position:relative