How to correct z-index errors in IE?
My layout has two relatively positioned elements that are stacked on top of each other, plus two absolutely positioned elements that have a z-index specified on them. Here’s my layout: http://www.greatperformersofillinois.com/new/ Link to layout css file: http://www.greatperformersofillinois.com/styles/layoutStyles.css Firefox: Everything is displaying correctly IE: The main content div is overlapping the branding div. I’ve fiddled around with things and when I got the branding div to appear on top (by creating a style sheet that targeted IE and setting the z-index for the branding div to 0, the z-index for the heading div to 21 and the z-index for the buddyGuy div to 20) the heading div started to overlap the buddyGuy div. So far I haven’t been able to get both the buddyGuy div and the branding div to appear in the foreground, with the heading div and the mainContent div in the background. Any suggestions? If possible, I would not like to have to alter the div structure because the #h
