I've been searching for a very nasty bug that hits all versions of IE up to 8 in CSS.
Basically the bug is the following: there's a div (#inner) placed inside an other (#container). If I give opacity to the inner element in IE8, the font color of the inner div (#inner) will become the same as the background-color of the outer (#container) element.
The solution was the same for the infamous anti-aliasing bug related
to transparency: add position:relative to all elements, and
thus: all bugs are fixed.
If you use
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";you need to add a background image to make IE render the font correctly.
(Oh, by the way: this entry was written by Peter Molnar, and originally posted on petermolnar dot net.)
