I ran a small test and created a DIV with a background image, not fixed at first. This is the code I used:HTML:
<div id="fixed-bg"> <p>fixed-bg</p> <p>fixed-bg</p> <p>fixed-bg</p> <p>fixed-bg</p> <p>fixed-bg</p> <p>fixed-bg</p> <p>fixed-bg</p> <p>fixed-bg</p> </div>
CSS:
#fixed-bg { width:200px; height:200px; background:url(background.jpg); overflow:auto;}
Surprise, surprise, Firefox 2.x FIXES the background to the container even when the background: declaration does not have the fixed property in it. But IE6/7 handle the declaration properly: when fixed is applied, it fixes the background, when it's not applied, it scrolls properly with the content.It's... supposed... to... work in... Firefox!