On [my site](http://smellofpopcorn.com “Smell of Popcorn”) I’m having some problems with the `overflow-x` property.
If I set the `body` to `hidden`, and the `html` I leave to `visible`, then the site looks great on my Macbook. However, on the iPad, the site is zoomed out all the way like it is not recognizing the `overflow-x: hidden` markup.
So I tried putting the `html` to hidden, and it works fine on the iPad. But there’s a great big, ugly additional and unecessarly scrollbar always visible on the right when viewed on the laptop.
What can I do to get the best of both worlds?