.fadeIn() Black Outline IE6, 7, 8

So i ha开发者_JAVA百科ve a DIV with some text in and for some reason with a fadeIn call IE renders a black outline around the text

Here is a screenshot and a link to a fiddle for an example;

http://jsfiddle.net/JNaEV/!

Black IE Border Image Example

IE disables font antialiasing while it does opacity animations...

Font-family renders poorly in Explorer with jQuery animation

I fixed mine by placing everything inside a container DIV and applying the jQuery fades & animations to the container instead of the text element itself.