title: Firefox background-attachment: fixed Nightmare
body: <p>I have been pulling my hair out on this one all day, and I'm hoping someone smarter than me can figure it out.</p>
  
  <p>I'm working on a new design for my site, and I've run into what appears to be a Firefox bug. I am using background-attachment: fixed for a gradient on the <code>&lt;body&gt;</code> element and then I have a full width <code>&lt;div&gt;</code> with another background image at the top of the page. Only in Firefox, there is a small white border at the top of the page and on either side of the <code>&lt;div&gt;</code> background.</p>
  
  <p>I've tried at least a half-dozen different ways of coding the HTML and CSS, and they all produce the same results. Also, the white gap doesn't appear to be there in earlier versions of Firefox (I noticed it in version 6). I even did a clean reinstall of Firefox without any add-ons, and I'm still seeing it. Any ideas on what's causing this? Is my code wrong in some way?</p>
  
  <p>See simplified test case here: <a href="http://mygemologist.com/bg-fixed-test.html" rel="nofollow noreferrer">http://mygemologist.com/bg-fixed-test.html</a></p>
  
  <p>Note: This question may be related to: <a href="https://stackoverflow.com/questions/7310518/crazy-css-issue-in-firefox-only-position-fixed-and-background-color">Crazy CSS Issue in Firefox Only - position fixed and background color</a>, but I'm not sure on that.</p>