Here’s something I’ve discovered and am totally perplexed why this happens.
On a new website I just created, when I add:
to the site’s stylesheet, I cannot scroll the on background image in Firefox (the other browsers all work fine).
However, when I remove the “overflow-x: hidden and overflow:scroll” from the html, body rule, I can scroll on the background images in Firefox.
Visit my site to see what I mean - currently the CSS stle has the overflow attributes removed).
But without the “overflow-x: hidden” pseudo added to the rule, the webpages will jump horizontally with mouse movements.
Any ideas how to get the best of both worlds?