margin:0em auto 0em;
When I drop the width down to 72em or so, the scrollbar disappears, but then the content is significantly narrower than the header/footer. As you can see on the page, there’s plenty of whitespace on either side.
(I also don’t want to use overflow-x to just hide the scrollbar, because I want it to be visible if someone’s viewing the site in a really low-resolution/small browser window. Plus it doesn’t seem like a clean fix.)
This is probably something really stupid and easy, but I’ve been poring over it for ages, and I’d really appreciate any help! Thanks so much.
Unfortunately when I try using percent instead of em, I have to go up to at least 140%, and it renders very differently across browers — plus the scrollbar is still there.
On the other hand, what your link is saying about larger font-size and em causing problems makes sense: my font-size is 16px/1em, and when I drop it down the scrollbar vanishes. But then not only is the text size smaller, but the whole page renders much narrower.