I'm working on a site/page that I've designed to be 1024x600(ish). Obviously on many, if not most, PC's, the screen resolution will allow the page to fill a full-sized window but not exceed it. Even on 800x600, the content will be centered, and therefore visible.
My problem is with Mac's and Safari. I also have two Mac's in my office, and like most Mac users I take advantage of the larger screen resolution. However, by doing so, I create a lot of extra "whitespace" (although not necessarily white), outside of the confines of the page. For instance, my current Safari window is 1370x797. That means that my 1024x600 page doesn't fill the window and leaves a lot of background image/color showing.
This looks awful with my page layout (which I've included in basic form). The black/gray slant would be the background, and cover the window. The gray/metal curved sides would be within a div on the page, and therefore no larger than the 1024x600 they are now.
Any suggestions on how to solve, fix, or avoid this problem?