On Wed, Jul 27, 2011 at 3:35 AM, confusticate at gmail.com < confusticate at gmail.com> wrote: > > Simplified div-based test page: http://snipurl.com/t5wyq-meep > > What's right: The patterned background fills the window as necessary, and > the content floats over it to centre itself. > What's wrong: The unnecessary scrollbar. If there is a way to have the > scrollbar come up only when necessary, then the problem is solved. > > That helps. Move the background image from #container_innards to #container and take the height off of #container_innards. Then, merge the header image with the pattern background (instead of leaving it transparent) and lay it on top to mask the repeating background and 'fake' the space up top. You might be able to fudge it by messing with margin-top on the #container and then negative margin-top on the header container. Or try moving the tiling background to the html element, the header image to the body element and then add margin-top to the #container element or padding-top on the body.