Hi.
Picture a site with a banner of varying height at the top of a page,
Below that, div#wrapper-inside inside div#wrapper
#wrapper-inside is of fixed width and centered
#wrapper has a big background-image
Now. When the browser viewport width is smaller than our #wrapper-inside, we get a nice horizontal scrollbar, and when we scroll to the left, you'll notice that #wrapper's width stays the same as the browser viewport width.
The problem is that #wrapper scrolls along and the background-image gets cut off.
Can this be fixed with css alone, if not, jQuery?