[Webkit-unassigned] [Bug 78948] New: Floated element is overwritten by inline elements.

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=78948

           Summary: Floated element is overwritten by inline elements.
           Product: WebKit
           Version: 525.x (Safari 3.2)
          Platform: Unspecified
        OS/Version: Unspecified
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: mbundy at live.com.au


Simple example:

Chrome and Safari - The paragraph content overwrites the top of 2nd floated element.

Firefox, Opera and IE do not.

<div style="display:block; margin:0; margin-left:auto; margin-right:auto; padding:0; width:300px; height:250px; border:1px solid blue; font-family:Arial; font-size:9pt;">
    <div style="display:block; float:right; margin:0; padding:0; width:10px; height:150px; background-color:red;"></div>
    <div style="display:block; float:right; clear:right; margin:0; padding:0; width:150px; height:100px; background-color:yellow;"></div>
    <p style="padding:0; margin:0; margin-top:5px;">blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</p>
    <p style="padding:0; margin:0; margin-top:5px;">blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</p>
    <p style="padding:0; margin:0; margin-top:5px;">blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</p>
    <p style="padding:0; margin:0; margin-top:5px;">blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</p>
    <p style="padding:0; margin:0; margin-top:5px;">blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</p>
</div>

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.