IE6 Bug - full-screen + div + image + paragraph = hidden text?

[s4shawn]

I have discovered a possible bug with IE6 that I can't find documented anywhere. I can't really find any issues with the code that I wrote either. I have cut the code down to a minimum to try and isolate the issue.

Basically I have a DIV with and image and a paragraph inside of it. The div has a gray background. If I remove the image or the background then there is no problem, but I kind of need both.

Anybody else seen this issue or have a different take on it? Any workarounds out there? The link below shows the problem:

http://www.theshawn.com/css/bugs/ie6-test3.html

[Majik_Dance]

Something interesting.

If you highlight the gray background, the text does show up (kind of like the inviso-text feature on Aint It Cool News).

I was able to get the text to show up (without highlighting) by moving the <h2>subheading</h2> from before the image <img scr> to after the image.

Hope that helps.

<edit>
Failed to mention that I am also running IE 6
</edit>

[s4shawn]

Interesting workaround. I may use that if that design alteration works on the final page.

Thanks!

I have found more on this using google-groups. It seems the actual thing causing issue is "clear: both" (used in div.spacer). Apparently any use of that style could cause issues with IE6. Now how do we get MS to fix this silly bug?

[Majik_Dance]

Microsoft has a bug in their software ?!?

Microsoft fix a bug in their software ?!?

I am sure they will get on it right away :rolleyes:

[Catman]

Here's another workaround: Use a <br /> tag after the paragraph.

And I'm using IE 6.

[Quiet Storm]

A <BR CLEAR="all"> tag after an image, table or div is usually what I've been having to use in order to get text to line up correctly.

[redhead]

i can see it all... ie6/win2000.. no problems... :confused: