Mise en page de l'image de fond

Bonjour,
Je recherche à comprendre pourquoi, la mise en page de mon image de fond est différente entre Firefox et IE9.

Voila mon code CSS:

body
{
background:url(images/instrument.jpg) no-repeat center top #d4825c;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px auto auto auto;
color:#fff;
background-attachment:fixed;
}

Mon image à les caractéristiques suivantes (identique à celle du/de la Template:
20,320cm x 11,430cm
78,740 pixels/cm
ce qui donne 1600 x 900 pixels.

Ce code est tiré d'un(e) template. Seule la ligne "background-attachment:fixed;" à été rajouter pour éviter qu'elle défile en même temps que le contenu de la page.

Avec le/la template d'origine, l'affichage est identique entre Firefox et IE.


Si quelqu'un peu me dire d'où vient cette différence alors que le code est identique et les caractéristiques de l'image aussi, ce serait très sympa.
Merci d'avance...

Je pensais que ma question était simple, mais apparemment ce n'est pas le cas, donc je reformule.

Existe t-il un code css me permettant d'appliquer une image de fond (background:url(images/instrument.jpg), de façon à ce qu'elle soit fixe (qu'il n'y ait que le contenu qui puisse défiler avec les ascensseurs), ET qu'elle soit redimensionné systématiquement en fonction des résolutions d'écran et/ou du navigateur utilisé ?

Mil merci d'avance...

Bonjour,

Patience est mère de vertu...il paraît...
Peut-être une piste avec cette astuce concoctée par Simon-K :
Un arrière-plan extensible intelligent

Merci beaucoup pour votre réponse, je vais essayer d'intégrer cela et je vous tiens au courant de la réussite ou non.

PS: je n'étais pas pressé, j'avais seulement un peu de mal à me relire moi-même...

C'EST GENIALLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL !!!

ÇA MARCHEEEEEEEEEEEEEEEEEEEEEEEEE !!!

CHAPEAU À Simon-K

MERCIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII !!!