IE6: 6.0.2900.2180 vs. 6.0.2800.1106

[cssatsc]

Greetings,

I am having this weird problem, in which "bulleted" links show up fine in Firefox, IE7 and even IE6-on-Windows-2000 (ver. 6.0.2800.1106).

However, on IE6 ver. 6.0.2900.2180 those same exact bulletted links are hidden (same color as background?) unless I first hover (with the mouse) over them. Thereafter, they remain visible.

Since I don't want to ignore the 20% or so IE6 users out there (and I don't know which version they may have), I need to solve this problem.

The best way to understand and diagnose the problem is by viewing it directly on the test web site, but this might be interpreted as promotion, so I am not posting a direct link right now.

I would appreciate your advice and tips as to how to proceed with this:

1. Am I allowed to post a link to the test version of my site?
   
2. If not, what would be the best way to provide you with most details to decipher this mystery?
   

Thanks!
Webmaster at SC

[swa66]

Welcome to WebmasterWorld! [webmasterworld.com]

1. nope, see ToS and forum charter
   
2. create a minimal set of anonymous code that reflect the problem and post that.
   See the pinned posts in the CSS forum on how to do that
   

As to disappearing content: is a well known problem, didn't know myself different IE versions could react different on it though. Giving "haslayout" often fixes it. (my preferred manner is to use a conditional comment with "zoom:1" in it)

[cssatsc]

Thank you so much for the quick answer. I will follow the ToS strictly.

I am relatively a newbie so it will take me a while to study this before posting my first minimal set of anonymous code.

Also, I am embarrassed to admit that this is the first time I encounter the term "haslayout". I googled it and found tons of information about this, but I would appreciate a direct link to an article that best describes your intent in regard to this problem.

Thanks again,
Webmaster at SC

[rocknbil]

Another search term that will reveal solutions to this bug: "peekaboo bug IE"

It was supposed to "go away" with IE7 but alas, it's still alive and well.

[cssatsc]

Rocknbil, thank you for this additional tip.

Following the previous tip, I tried putting:

<!--[if lt IE 7]> <style> .gainlayout { zoom: 1; } </style> <![endif]-->

<snip>

But that didn't help.

Posting anonymous and simplified code of my problematic is very difficult, so I will continue searching in the direction you gave.

Thanks!

[edited by: swa66 at 7:18 pm (utc) on April 17, 2009]
[edit reason] URL snipped, only well established authoritative sites allowed. [/edit]

[cssatsc]

Update: I have been following the tips in the article at:

[positioniseverything.net...]

But so far without success. It keeps referring to floats, but as far as I can tell, the problematic part doesn't involve any floats.

However, the symptoms described at this article (including the Peekaboo test page) are exactly what I am experiencing. This is intriguing. I will continue to explore... If you got additional tips, that would be great.

Thanks!

[cssatsc]

Success! Here is how I did it (for the benefit of others):

I simply persisted in following the "Using Conditional Comments and Zoom to Fix IE/Win" article. More specifically, using myiehacks.css part.

Initially, I placed in myiehacks.css the following:

.leftBoxContainer {
zoom: 1;
}

That didn't help.

So, I delved deeper into the nesting structure:

.leftBoxContainer, .sideBoxContent {
zoom: 1;
}

That fixed the problem. Amazing.

I am very happy now. :-)