Sticky footer with content

Sticky footer (http://ryanfait.com/sticky-footer/) but with the content following it. The footer is behind the content - 100%ish height.


####### header
| |
| | content
| |
-|-----|- footer (content is #px over footer)


This is useful for what you have a crazy footer background but don't want to loose content space.

Any ideas on how to do this without javascript? Also, do not want to make the footer have an extra image to make it look like a content area.

Ideas?

URL: http://cosmz.com/test.html

This is useful for what you have a crazy footer background but don't want to loose content space.

Any ideas on how to do this without javascript? Also, do not want to make the footer have an extra image to make it look like a content area. Your intention/issue is not perfectly clear, though have you checked http://www.bonrouge.com/2c-hf-fixed.php?nc (which uses a slightly different approach than your original reference)?

Your intention/issue is not perfectly clear, though have you checked http://www.bonrouge.com/2c-hf-fixed.php?nc (which uses a slightly different approach than your original reference)?

bon uses an extra background image. the content does not truly stretch - the wrapper does. will try to make it work but i doubt it...

edit://here is why I think the wrapper background method will not work: the content is above the header image and the background image. if you made the container have a bg then it would cover up the header and footers?
plus in this case: curved corners.