Text Degrades when Animated in IE but NOT Firefox

Text Degrades when Animated in IE but NOT Firefox

Hi there,

I love jQuery, I really do. But I'm a little puzzled as to why when I do something like hide(); or whatever on an element with text, the text looks all jaggered and degraded in IE.

This doesn't happen in Firefox 3 but does SLIGHTLY in Firefox 2 (well, there's at least a notable difference).

Initially, I assumed this would be a problem specific to what I was doing, but it seems it's a jQuery / browser wide problem. For example, test the following page in Firefox and IE and you'll see the text appears differently.

http://stilbuero.de/jquery/tabs_3/rotate.html

I'm using Firefox 3 and IE7.

In Firefox 2 the text seems fine but goes a really weird greeny / yellow colour before eventually returning to black. That is also weird.

Any solutions or explanations?

Thanks,
Mikey.