Hi all,

I'm having a problem getting a couple of div's to display properly. Namely #footer and #center in the CSS of my current attempt which can be found here: http://www.tapaculo.com/mimoson/layout.html

The issue is when the center div (my page body/contents div) stretches down into the footer area. You can see that it goes behind the footer background and gets cropped off.

I can resolve this for IE by using z-index: -1 in my footer class, but this is obviously no good because it doesn't work in Firefox. Using all positive values doesn't work either, because I think z-index only works for relative (or absolute..) div's only?

If I set my footer to relative positioning the entire page displays - but with the footer always displaying underneath, and not behind where I want it.


Can anyone help with this please?

Thank you