I've got something I thought was simple and elegant enough, and worked
beautifully in the reasonable browsers. IE (6 & 7) made a huge mess
Here's the page (css is embedded):
Basically what happens in IE is that ONLY the last popup layer appears
over the other images on the page (which are relatively positioned).
All the others are hidden by the relatively positioned divs/images
that come after in the source.
I did locate an article* that seemed to explain the issue, but the
solution seems to be to give each element that misbehaves its own
z-index. This is something I'd really like to avoid doing since I'll
have more than 20 of these on the page, and ideally I'd like them to
come from my content management system and with minimal nonsense.
What's the best and most elegant way to solve this problem?
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/