Blurry text after scrolling in IE6

Answer 1

Have you tried viewing the page in IE7 or Firefox to see if you get the same problem? (Just as a confirmation thats its related to IE6 only)

Answer 2

Wow this takes me back. Used to happen to me in some circumstances. If I remember correctly, all you need to do is add this to the first line of your CSS:

* { position: relative; }

Of course, that has ramifications of its own but just see if that works for you.

Edit, you can be more specific with your relative positioning (to fix it) this evolt article goes some way to explain what is happening and what you need to do to fix it. It's along the same lines but you'll learn why IE6 is so rubbish at the same time =)

Answer 3

This looks like a ClearType rendering issue - do you know if you have ClearType enabled or disabled in Windows?

Also, do you have any opacity settings (filter:alpha(opacity=x)) in your CSS?

(IE6 applies ClearType rendering to text that has an opacity setting applied, whereas IE7, IE8 do not)

Answer 4

Try setting a background to the text element. This usually solves text rendering problems in IE6.

Answer 5

this is a long shot, but are you using any IE specific DirectX transforms? or, similarly, if you don't have 100% control over the page, could something else like an ad be using one?

~jewels

Answer 6

This feels more like a driver or hardware related problem. Does this happen on IE6 on any machine? What if you reinstall your video drivers or tweak your display settings? What if you use a different video card?

Answer 7

It's hard to know without seeing the code in action, but this blog post sounds similar.

Answer 8

This has nothing to do with HTML/CSS code. Re-install your browser.