Az Reporter
	Description • 21 years ago

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4b) Gecko/20030525 Mozilla Firebird/0.6
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4b) Gecko/20030525 Mozilla Firebird/0.6

No content shown apart from two validation logos.

Discussion and multiple confirmations here:
http://forums.mozillazine.org/viewtopic.php?t=14955

Reproducible: Always

Steps to Reproduce:

	Bill Mason
	Comment 1 • 21 years ago

Also occurs in Mozilla 2003062708.  Moving to Browser/B-G pending triage.

	Bill Mason
	Comment 2 • 21 years ago

I'm not sure what the correct behavior is, but the issue is stemming from this:

div#highlights {
    position: absolute;
    top: 100px;
    left: 80%;
    width: 20%;
    background-color: #ddeeff;
    color: #005599;
    border: 1px solid #001155;
    border-left: none;
    margin-left: -1px;
}

The DIV is placed left 80%, then the width takes up 20%.  The border-right, it
sounds like, is out of room to be rendered as it were.  If I reduce the width to
19%, it shows right up.

->Layout

	Bill Mason
	Comment 3 • 21 years ago

Sorry, disregard that last.  Dropped it into the wrong open tab.

	Bill Mason
	Comment 4 • 21 years ago

->back to B-G

	Bill Mason
	Comment 6 • 21 years ago

->Layout
According to the Mozillazine comment, the problem comes from overflow:hidden
being on the div that holds all the content, and then all the content being in
floated divs that cause an overflow.

I don't pretend to understand if that's accurate.  :)  Minimal testcase attached.

	Andrew Schultz
	Comment 7 • 21 years ago

isn't this a dupe of bug 22431?

	Mats Palmgren (inactive)
	Comment 8 • 21 years ago

Floats do not affect the height of their parents:
"Only children in the normal flow are taken into account (i.e., floating boxes
and absolutely positioned boxes are ignored, and relatively positioned boxes
are considered without their offset)."
http://www.w3.org/TR/CSS21/visudet.html#q19

See also the examples at http://www.w3.org/TR/CSS21/visuren.html#floats

If you add a <br clear="all"> at the end after the floats you get the effect
that the parent shrink-wraps the content including the floats.

*** This bug has been marked as a duplicate of 22431 ***