Posted Feb 29, 2004 in CSS.
While I was working on a website for a school project, I came across this strange effect where large chunks of text were disappearing in Internet Explorer 6.0. Resizing the viewport, or minimizing and restoring the window, seemed to restore the text to health.
After running a few experiments, I figured out that it was related to floating content. I don't know if anyone else has encountered this problem, but I thought I'd post my fix anyway. Put the following CSS rule on the parent element of the element(s) containing disappearing text:
I haven't thoroughly tested this, but it seems to work on all the browsers I use. It invariably means applying the rule to main content
div elements that contain floats, as in my case. Let me know if you have encountered this problem before, and know of a better solution.