things not showing up in IE

[urfriend]

I'm having a problem, where certain divs are not displaying in IE.

I know they're there, because they show up if I highlight them. When I de-highlight them, they still show up.

I remember reading somewhere that IE has some sort of display bug that would cause something like this?

Does anyone know how to solve it?

[cripplertd]

make sure your font color isnt the same as the background.

[urfriend]

no, that's not it. It shows up when I highlight it. But if I de-highlight it, it still shows up.

Also, if i scroll it off the screen, then scroll it back on, it shows up.

I found that if I include a height:2em;, it works fine with IE. Unfortunately, it messes things up with firefox. I know i read an article on this bug before, but I forgot where it is.

The problem with firefox is that if you set a specific height, and the contents of the div get too big, it doesn't stretch the box, and it overflows underneath the border. If I don't have the height element, then it works for firefox, but it shows up invisible with IE.

One would think that it would be simple to just make a box that stretches, and displays in IE.

I'm using html 4.01 strict.
<div style="border-style:solid;">
this is some test stuff
</div>

[Marshall]

Did you validate your CSS and HTML? Sounds almost like a parse error in the CSS.

Marshall

[urfriend]

ah, i found it.

It's the IE "peek-a-boo" bug. There's a few weird bug fixes. I'll make an attempt to use these "fixes" tomorrow. But it just doesn't feel right that I have to use hacks to fix a bug. All i wanted was a box, and IE is forcing me to do all these weird workarounds. It makes me nostalgic for those table-layout days, but I'm trying very hard to stay away from them.

[ctoz]

Have a look at
[cayenne.co.uk...]

you might find it helpful. I have 64 versions of the related 'bottom-line bug', similar to yours:

[www-personal.usyd.edu.au...]

in which IE7 fails to show the bottom line of each set of six lines. The bottom line does appear if one uses a link to manipulate styles, and then does a mouseover.

The only 'cayenne' solution which works, and makes IE7 render the bottom line is "span {zoom:1.0}" : but that totally blows the rest of the css.

BTW, the alert at this page is based on IE7 sniffing which, I later found, picks up other browsers as well. Not much use. To sniff for IE7, try
function ie7() {
if (window.XMLHttpRequest && document.all)
alert('You are using IE7.')