[IE & Mozilla] Verschil in background-position

[rjsomeone]

Als ik de volgende div heb:
<DIV STYLE="background: #FFFFFF; background-repeat: no-repeat; background-attachment: fixed; background-position:center center; background-image: 'back.gif'; position: absolute; overflow: auto; padding:0px; margin: 0px; z-index:1;"></DIV>

En ik bekijk de pagina in IE en in Mozilla, dan zit er een verschil in de positie van het achtergrond plaatje:
IE: Center/Center van de DIV
Mozilla: Center/Center v.d. pagina, ofterwijl het halve plaatje valt weg als ik de div met left en top op een andere plaats zet..

De vraag: Hoe krijg ik dat mozilla de background ook in het midden van de div laat zien ipv het midden vd pagina?

[RRX]

code:

background: #FFFFFF; moet iig background-color: #FFFFFF; zijn

background-image: 'back.gif'; moet background-image: url('back.gif');

background-position:center center; kan je wel veranderen in: background-position:center;

misschien dat dat het probleem oplost?
\

[edie]

ligt hier aan:

code:

background-attachment: fixed

Quote van het W3C (http://www.w3.org/TR/REC-...f-background-attachment):

If a background image is specified, this property specifies whether it is fixed with regard to the viewport ('fixed') or scrolls along with the document ('scroll').

'fixed to the viewport'.

Mozilla doet het dus goed. IE niet.

Om antwoord te geven op je vraag:
Gebruik
background-attachement: scroll

en zet het div'je vast (position: fixed)