. . . to see the problem
The page I'm working on has a header image, a left navigation image, a space for content, and a footer. The CSS has everything absolutely positioned except for the footer, which is relatively positioned from the left and bottom, and the content layer has an overflow property of "visible". The HTML is set up simply with the divs going in that same order.
When I went from absolute positioning to relative, the #footer layer suddenly became invisible in both IE and Safari. Z-indexing didn't help. Absolute positioning from the bottom still caused the footer to appear above the content overflow. Floating the layers and using the overflow property "auto" both create undesireable site effects. What I really need is for the footer to stay below the content regardless of how much overflow it has. Any ideas would be appreciated.
This is the CSS: