# Scroll issue with Firefox on macOS **URL:** \ **Category:** General\ **Created:** [April 10, 2021, 12:15am UTC](https://forum.pinegrow.com/t/scroll-issue-with-firefox-on-macos/5194 "2021-04-10T00:15:40Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Post date:** [April 10, 2021, 12:15am UTC](https://forum.pinegrow.com/t/scroll-issue-with-firefox-on-macos/5194/1 "2021-04-10T00:15:40Z")
Here’s something I’ve discovered and am totally perplexed why this happens. On a new [website](https://rjrwebz.com/sipsnnips) I just created, when I add: ![Screen Shot 2021-04-09 at 7.56.16 PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/7/7b6f4fddcc1225e054e043271c629e01602da357.jpeg) 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. ![Screen Shot 2021-04-09 at 7.56.50 PM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/1/1a7c891a4153497a56e1926b21e4082e745f9e52.jpeg) Visit my [site](https://rjrwebz.com/sipsnnips) 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? ---
**Author:** ![Erres](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/erres/32/3467_2.png) [@Erres](https://forum.pinegrow.com/u/Erres)\ **Post date:** [April 10, 2021, 8:31am UTC](https://forum.pinegrow.com/t/scroll-issue-with-firefox-on-macos/5194/2 "2021-04-10T08:31:40Z")
Hi Randy, It seems that this problem occurs in FF as long as you have the overflow-x property on both the HTML- and the body-element in your style sheet. I am assuming your “overflow: scrolling”. is a typo and you meant “overflow-y: scroll;”? Otherwise your “overflow-x” setting would be overwritten. But I think you don’t even need the overflow-y. ---
**Author:** ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Post date:** [April 10, 2021, 7:32pm UTC](https://forum.pinegrow.com/t/scroll-issue-with-firefox-on-macos/5194/3 "2021-04-10T19:32:58Z")
Welcome to this forum and thanks for your response, @Erres. The “overflow: scroll” was indeed a typo and has been removed from my site’s style sheet. I’ve re-added the “overflow-x: hidden” to resolve the horizontal jittering. Do you know if some form of a “-webkit” equivalent that would make my page behave properly in Mozilla’s FireFox? None of the other browsers have this issue so its definitely a Mozilla issue. Do you know if they intend to fix this? ---
**Author:** ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Post date:** [April 10, 2021, 8:39pm UTC](https://forum.pinegrow.com/t/scroll-issue-with-firefox-on-macos/5194/4 "2021-04-10T20:39:58Z")
I’ve been trying to report this issue to Mozilla for nearly three years now and have never gotten a response. Sooo I’ve made Chrome my default browser since it seemingly works well with most of the new CSS rules. Anyone have any issues using Chrome rather than FIreFox - especially for testing out PineGrow-created websites? ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [April 10, 2021, 11:05pm UTC](https://forum.pinegrow.com/t/scroll-issue-with-firefox-on-macos/5194/5 "2021-04-10T23:05:26Z")
> **[Why You Shouldn’t Use Google Chrome After New Privacy Disclosure](https://www.forbes.com/sites/zakdoffman/2021/03/20/stop-using-google-chrome-on-apple-iphone-12-pro-max-ipad-and-macbook-pro/)** > > Billions of users warned to stop using Chrome after shocking new data harvesting disclosure... ---
**Author:** ![Erres](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/erres/32/3467_2.png) [@Erres](https://forum.pinegrow.com/u/Erres)\ **Post date:** [April 11, 2021, 6:23am UTC](https://forum.pinegrow.com/t/scroll-issue-with-firefox-on-macos/5194/6 "2021-04-11T06:23:31Z")
You do not need anything like a ‘-webkit’-thing. I tried this on your website and it works: 1. remove the inner style ‘overflow-x:hidden;’ from the body element in your HTML file. 2. leave this in style.css: html, body { height: 100%;} 3. add to style.css: body { overflow-x: hidden;} Done. Hope this helps. ---
**Author:** ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Post date:** [April 11, 2021, 4:15pm UTC](https://forum.pinegrow.com/t/scroll-issue-with-firefox-on-macos/5194/7 "2021-04-11T16:15:56Z")
A 1000 thank-you’s @Erres This did the trick perfectly!!