jQuery Animation & Distorted Text in Internet  Explorer

Internet Explorer jQuery Animated Text Issue While working on the Corporate Filing Solutions project I came across an issue with the jQuery scrolling quotes and Internet Explorer.

What’s the issue?

It seems that when you animate text with jQuery, particularly bold text, Internet Explorer will distort the text horribly.

How do you fix it?

To fix this, all you have to do is set a background color on the element that is being effected. In this case I set <cite> tag to have a background-color of #FDFDFD and it fixed the issue.