Main scrollbar scrolls DIV?

[monomalvado]

Alright, I've seen it before where the main scrollbar on the right controls 1 box on the page.

I can't think of any sites off my head to pick apart but I remember seeing it.

What I'm doing is revamping a site that I'm doing for a charity. They want it all pretty and most of all, cross browser supported.

Right now, I have about 3-6 Alpha Transparent PNGs, using the PNGFix.js to get them to show properly in IE6, and after thoroughly debugging the site from unclickable land, it is all good and ready.

They also wanted to have a picture of a stage, as it's a theater thing, and the curtains drawn and all that. (In firefox, it looks really cool, still bugging out in IE.) So I used the DIV image scaling trick to get a scaled background image, and even got it working in IE6, but on the 1 page I have that needs to be scrolled, it scrolls the background up with the page, instead of it being fixed. (If I fix it in IE6, the background image appears solid and then scrolling down reveals the page)

So my IDEA is...
I want to put all of the content inside of a DIV, with the overflow hidden and then the scrollbar on the right of the page will scroll the DIV and leave the background-image and banner and stuff where it is.

Any response is appreciated!