Footer located below (img) and overlay content

Question

I am currently working on a new design for a website, and I have a slight problem with my footer (image) and getting the content for the overlay.

For the footer, I use this at the starting point: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

You can see the new design here: [edit] the site no longer exists, sorry [/ edit] http://nubi.dk/dev/ (content and design are being developed, so the question no longer fits - sorry for that )

I would like the green part (content) to continue all the way down the image below, but for some reason (I don't understand why) it goes behind.

Answer 1

Just add "position: relative" to layout.css for #content.

#content { background-color: #00FF00; margin: 0 auto -130px 0; position: relative; width: 960px; z-index: 9999; }