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.

Meet the Author

Kevin Leary, WordPress Consultant

I'm a freelance web developer and WordPress consultant in Boston, MA with 16 years of experience building websites and applications. View a portfolio of my work or request an estimate for your next project.