IE8 problem with jQuery plugin

Question

Hi

I've developed a plugin that makes characters jump and bounce when moused over in any element that contains text.

Here is an example.

It works great in Firefox 3.5, Chrome, Safari 3.1 and IE7 (oddly, but in compatibility mode) but in IE8 it seems the characters disappear as they rise. I've added top padding to the p element, because it looked like they were being hidden from something like overflow: hidden, but they appear to rise a bit and then completely disappear, only to reappear on their way down.

Does anyone know what may be causing this?

Thank you very much Stackers!

Answer 1

Setting a line-height should fix it.