IE 6 & IE 7 Z-Index Problem

cross-browser, css, internet-explorer

Solution

Agree with validator comment - validating usually helps. But, if it doesn't heres a few pointers for z-index in IE:

1) elements who's z-index you're manipulating should be on the same level ie. you should be setting the z-index of #bottom and #body

if this is not feasible then

2) IE sometimes wont apply the z-index correctly unless the elements ou are applying it to have a `position:relative`. Try applying that property to #bottom and #body (or #signpost)

let me know how that works out

Darko

Problem

http://madisonlane.businesscatalyst.com I'm trying to get the div#sign-post to sit above the div#bottom. This works fine in all browsers except IE6 & IE7. Can anyone see what the problem is here? Also IE6 is displaying an additional 198px to the top of div#bottom.

Original source