Posted by Jukka K. Korpela on 06/01/07 10:05

Scripsit TazmanianD:

> Can someone explain to me why in the following fragment on IE6, "Outer
> 1" gets a yellow background?

It happens on IE 7, too, both in Quirks and in Standards mode.

> It appears that the size of the outer
> div is being calculated incorrectly and it is overlapping content
> following it.

Perhaps. But the following seems to fix the problem in Standards mode on IE
7:

div { overflow: hidden; }

Of course, such a setting is risky in general: it may hide actual content
from users.

> This looks like it's just a bug in IE6.

Yes. But for the best workaround, I think we need to know the _real_ page.
After all, you're surely not using nested DIVs just for the sake of nesting.
Maybe there's a way to avoid the nesting that triggers the bug.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

[Back to original message]