I’ve noticed this problem in other folks’ blogs, particularly ones that use the default stylesheets or minor variations thereof (my own CSS is so accreted over time, I’ve never seen it here). It was cropping up (so to speak) in another blog I have, so I had to figure it out.
Symptoms: Multiple lines of text show up as blank. Or lines of text moosh together in a too-small fashion. The problem may go away if you reload the page. The blank text may be selectable (rendering it visible) — or it may not be.
It happens most often if you quickly render those lines — jumping to an in-page anchor, scrolling down quickly, dragging the scroll bar down, etc.
If, on the other hand, you scroll down with single taps of the up/down arrow, it’s fine.
Solution: As found in the MT Support Forum, this looks like an instance of the IE Peekaboo problem (which would make it only happen on IE6 or IE6-engine browsers). I resolved it on my other blog by, as the article suggests, putting the following “Holly Hack” in my MT stylesheet, at the bottom, outside of any defined styles:
/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */
And that seems to have fixed it. Knock on wood. If it continues to work, I’ll start sending the URL to this post to those folks on whose blog I see the problem occuring.
UPDATE: Or is that the solution? I also find a reference in the MT Support pages not only to the above, but to the IE Invisible Text in Comments bug, which has some alternative answers (mostly putting “position:relative;” in the comment-head and comment-body styles).
I believe my problem was occuring in the main body of my individual archives, too, not just in the comments, but I offer up this other link as another course of action if the first doesn’t help.
(Looking at the other solutions to the Peekaboo problem, it looks like this is a specific instance of the problem in general, so I’d definitely go for the Holly Hack first).