Text not appearing in IE6

Ah, our old friend IE6 again. Is there no end to it's talents?

I came across a very strange bug in IE6 where sidebar section heading would not appear. Sometimes scrolling the screen would make a few appear, and then again make them disappear again.

Fortunately there are well documented fixes for this here and here

It's all down to floats when they have a background set - the background seems to become the foreground, obsuring everything. This can be cured by enforcing 'layout mode' by setting the element size to 0.01%, which forces IE6 to re-assess what it's doing.

Tags: css, web