Double fond et height 100%

Bonjour à tous,

Voilà je bosse sur un site qui doit avoir un fond double composé comme suit:

- le fond n°1 qui prend tout l'écran:
.body{
background: url(bgs/new8.jpg) repeat-x 0 0;
color:#DDD;
height:100%;
}

- le fond n°2: l'image d'un rideau sur le côté droit dans une div:
#rideau{
position:absolute;
height:100%;
background: url(bgs/rideau2.jpg) no-repeat 0 0;
top:0px;
left:100%;
margin-left:-250px;
width:250px;
}

Jusque là tout vas bien, sauf que lorsque l'on affiche sur le site une section un peu grande et que le scroll vertical s'affiche, le fond suit mais le rideau s'arrête...

Puisque qu'un dessin vaut mieux qu'un long discours:
Le site est accessible ici: http://alturl.com/79q2x
La section "découvrir" en haut à gauche affiche pas mal de texte et devrais afficher la scrollbar verticale (à moins d'être en full HD) et là le rideau ne suit pas du tout...

Voilà mon problème, bon j'imagine qu'il peut être résolu en javascript en récuperant la taille de l'écran lors d'un onresize pour redimensionner la div mais j'espère trouver grâce à vous une solution plus "propre" et plus compatible avec tous les navigateurs en evitant le javascript

Au passage le rideau s'associe mal avec le fond, je sais c'est vraiment pas joli, mais je voudrais régler ça d'abord...

Merci beaucoup pour toute suggestion !

#rideau{
position:absolute;
...

->

#rideau{
position:fixed;
...

Parfait, merci

Attention toutefois, la position: fixed ne fonctionne pas sous IE6 (si tu as des impératifs de compatibilité)

Ok merci du conseil, IE n'étant pas mon favoris j'espère que le 6 n'est plus beaucoup utilisé, par contre j'ai le 9 beta sur mon PC (ne me demandez pas pourquoi...) et le rideau est invisible... Il y a t-il un moyen de mettre en absolute sous IE (un moindre mal, au moins le rideau apparait) et en fixed pour les autres ?

Encore merci !
Modifié par easteric (13 Feb 2011 - 00:09)

Bizarre, position:fixed fonctionne très bien sous IE9.