Disappearing text in IE6

I know you have mentioned this before on this forum, but it works just fine on my IE6. I guess I would suggest a different color for hover to see if that makes a difference.

I see the rollover effect (quite cute, and well worth opening IE for the first time in weeks), but… the first step anyone will take in trying to help you work around a CSS bug will be to validate your CSS, and since the CSS validator won’t even try when your XHTML is invalid, at that point they’ll either give up, or say “please make sure you have valid XHTML and valid CSS, and still have the problem, and then maybe we’ll see.”
Please make sure you have valid XHTML and valid CSS, and still have the problem, and then maybe we’ll see.

I tried altering hover and just removing it, but it doesn’t work. My version of IE6 (XP, updated) shows the problem; the vanishing links, like I mentioned in my previous posting, are parallel to links in the central text – those seem to affect links on the side menus. I think the problem is the way I’ve written the CSS, but I still don’t know what it is.

Hey Philor, I did go and validate (that was something I’d neglected recently). Now it all checks out, both XHTML1.0 trans and CSS. But the vanishing is still there.

dave,
I’ve asked a few well-versed in CSS people I know to have a look at your site to see if they can spot anything.
Craig.

Thanks Craig, appreciate it.

Well, my research has led me to believe that you are suffering from a bug that is particular to IE6 – it even has a name: The Peekaboo Bug.
If this is indeed the problem, then there is a CSS hack that you can try. The problem is happening in your #rightcontent DIV, correct? In your style sheet, put this code immediately after the #rightcontent declarations:
/* Hides from IE5-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */
Put everything you see above exactly as it is, including slashes and asterisks and all. Just change the “.floatholder” to #rightcontent.
HTH.
Craig.

Wow. Thanks a million Craig, that worked… where on Earth did you find that?

Craig is a CSS God!! ??

LMAO (Laughing My Antlers Off)
I wish I was a CSS Master, however, I am but a simple apprentice. ?? I just happen to have some good teachers!
Glad it worked. I actually used the hack the other day on another site to fix a problem with a background image that IE refused to display.
I wish those Redmond Guys and Gals would revolt against their bosses and build a real browser.
Craig.

it actually works about 95% of the time – the part of the menu that is in the lower right hand corner when you start at the top of the page, that part sometimes flickers – but it’s way way less annoying. It’s all good.

you may have to place it after a couple of other IDs.

Hi NM,

I’m having a problem that I think is similar to that described here. The problem is that I don’t have any #rightcontent classes in my CSS. Do you think you might be able to diagnose the problem on https://www.middleeastfacts.com/weblog/index.php? I’m racking my brains to find a solution, but it doesn’t seem like anybody has one. : )

Thanks very much!
Steve

@mef,
I can’t connect to the link you posted.

Nevermind the previous post – I have since found a solution that combines what NuclearMoose suggested with something I found on https://dannyayers.com/archives/001856.html

Neither seemed to be enough on its own, but combined, it did the trick:
/* Hides from IE5-mac \*/
* html #menu {height: 0; position:relative;}
/* End hide from IE-mac */

The “position: relative” seems to be what makes the big difference, but NM’s suggestion helped me apply it to all the menu classes.

Hope that helps others!
Steve
middleeastfacts.com