Overflow-x:hidden not working in Chrome

You can use

html { overflow-x: hidden; }

google-chrome scroll overflow

I just encountered this issue when trying to hide some images that I /knew/ would be wider than the body on mobile.

Originally I simply had:

body { overflow-x: hidden; }

This didn't work in Chrome, but it did in IE 10.

However, if you then also added:

html { overflow-x: hidden; }

The images were correctly hidden in both browsers.

google-chrome scroll overflow

It appears the problem no longer exists thanks to @Nelson pointing this out.You can see the code working correctly here: http://jsfiddle.net/H84pr

CodeHunter