User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.7; rv:13.0a1) Gecko/20120204 Firefox/13.0a1 Build ID: 20120204040234 Steps to reproduce: Open http://www.smashingmagazine.com/ in a window that is wider than 1200px. Actual results: There is ~450px of dead space to the right of the content that you can scroll to. Expected results: The site should not be scrollable in the x-axis at all. (It's a responsive design) Chrome and Safari works fine.

I can reproduce here. Not sure if it's a bug or the expected layout. Can you reduce the code to make it easier to debug?

I found the culprit. In the responsive.css they're doing this: nav.toplevel{margin-right:450px; width:100%} I see why that's a problem but how come both Safari and Chrome is rendering this without scrollbars and without the ability to scroll in the content?

http://hg.mozilla.org/integration/mozilla-inbound/rev/7ea3311b5e6c Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0a1) Gecko/20120116 Firefox/12.0a1 ID:20120116145408 http://hg.mozilla.org/integration/mozilla-inbound/rev/3077b729dfd5 Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0a1) Gecko/20120116 Firefox/12.0a1 ID:20120116153908 http://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=7ea3311b5e6c&tochange=3077b729dfd5 Triggered by; Bug 665597

(In reply to Johan Larsson from comment #2) > I see why that's a problem but how come both Safari and Chrome is rendering > this without scrollbars and without the ability to scroll in the content? Presumably they don't include the right margin in the area that can be scrolled to.

The question is, how common is this problem...

The patch in bug 750293 fixes this bug too.

Fixed by the wallpaper in bug 750293 for now.