CSS gradients in IE7 & IE8 is causing text to become aliased

Question

I\'m attempting to use a CSS gradient in a div containing some text. With Gecko and Webkit, the text displays fine. In IE7 & IE8 the text appears aliased (jaggy).

Answer 1

Wrap the content with a DIV then add this to the DIV's css style...

position: relative;

http://cookbooks.adobe.com/post_IE8_clearType_fix_when_using_filters-16676.html