CSS Layout Problem

[krazykikikatt]

I'm trying to make a CSS layout, and I've gotten this so far...

But I would like to make it so that my content, when scrolled, will sort of duck beneath the top part of my background (though obviously for that to work it wouldn't be part of my background anymore, but more of a foreground), with the goal of being able to scroll the page without covering the moon and text/brushes that are in the top part of the page. Does anyone know how I would achieve this? I have been working on it for almost a solid 24 hours and asking for help from many, but none have come up with anything that works. It seems it should be simple...

[benbramz]

have u considered using zindex?

if ur not sure on what i mean have a look at thiszindex overview from w3c schools
zindex layers elements. so, you could infact have an image to sit above your text, and when you scroll down the text would just slide underneath.....
however im not sure on the compatability issues of using this. ud have to do some resarch on it.
lol thats the plan anyway

hope that helps