IE6 disappearing/reappearing text and backgrounds

[welldressedmatt]

I'm wrapping up development of a site, and I have squashed nearly all cross-browser inconsistencies except for this one and it's driving me nuts. In IE6, certain elements disappear when I (a) rollover one of the header links, and (b) when my javascript-based scroller loads a new frame (based on Featured Content Scroller 2.4 from Dynamic Drive).

At first I thought it was a Javascript issue related to the Featured Content Scroller, but after removing the script altogether, I still have the same issue.

UNFORTUNATELY, I HAD LINKS HERE, BUT I REALIZED THAT THIS WAS IN VIOLATION OF SITE RULES AFTER POSTING THIS... NOT POSSIBLE TO POST SNIPPETS AT THE MOMENT, SO I'LL HAVE TO GIVE THIS FURTHER THOUGHT...

Has anyone seen anything like this before? Any suggestions for this?

Thanks!

-Matt

[edited by: welldressedmatt at 11:26 pm (utc) on Jan. 15, 2009]

[welldressedmatt]

Also, and I forgot to mention, when scrolling the disappeared content off the screen and then back again, it magically reappears/disappears like rolling down a foggy window. This is one of the more fascinating aspects, since it seems to indicate that it's not purely a hover-state issue.

I HAD ANOTHER LINK HERE, BUT I REMOVED IT AS WELL - After scrolling down just past the Featured Content Scroller, and after a while the main content div (from INSIDE SCENE down to the YEAR drop-down) will also disappear revealing the grey containing div underneath.

-Matt

[tedster]

I'm not certain, but it sounds like the "peekaboo" bug. Try either of these approaches:

1. Assign a line-height rule to the disappearing content.
2. Assign some explicit width rule to the disappearing content.

[welldressedmatt]

Tedster - you, sir, deserve a cookie. I'd heard of "peekaboo" before, but I've never encountered it... until now. I went and did some research after you mentioned it, and it describes my problem to a T. After tracking down the offending elements, I applied the following fix:

position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */

And voila! No more disappearing/reappearing magic acts on my site!

Thank you! You are a lifesaver!

-Matt

[tedster]

I know what you're saying. The first time I coded a page that generated the peekaboo bug, I could barely believe what I was seeing! It is one of the weirdest browser bugs going.

And thanks, I just had a great cookie in honor of this resolution - a freshly baked chocolate chip lava cookie! And it only disappeared once, and then never re-appeared.

[buckworks]

ROFL! :)