CSS
Today while working on a site, I ran into a really frustrating bug in IE7. While trying to stack absolutely positioned elements on a website, IE7 would not pay attention to z-index what-so-ever. The solution to this problem was to change the z-index of the parent element of what you want to display on top to a z-index higher than that of what you are trying to display underneath. I have no idea why this is the case, but since we’ll be supporting IE7 for a long time to come, it’s something that web developers need to be aware of.
I found a pretty good example of this bug in this article – Squish the Internet Explorer Z-Index Bug | Brenelz Web Design Solutions
I’ll be updating this article shortly with an example of my own.
