[Webkit-unassigned] [Bug 40937] New: Horizontal Rule element should truncate to the left of floated items to its right, but fails to do so

[bugzilla-daemon at webkit.org]

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

           Summary: Horizontal Rule element should truncate to the left of
                    floated items to its right, but fails to do so
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
               URL: http://www.orchestralconcertcds.com/cd/cd007.html
        OS/Version: Mac OS X 10.6
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: richard.hallas at gmail.com


There appears to be a problem in Safari 5 relating to CSS floated objects and either horizontal rules, or the CLEAR attribute. As you'll see from the specified URL (I'm the author of this site), there's a CD track listing with a few review comments in boxes to the right. Then, below (after a large space in the page body), there's a styled horizontal rule, followed by a heading ("A charged performance") and further body text. The problem is that the gap before the rule should not be there. The review boxes are supposed to float to the right of the page's body content, and the horizontal rule is supposed to truncate to their left, allowing the following body text to flow around the review boxes. The current incorrect behaviour is new to Safari 5; Safari 4 rendered this correctly (and the current Firefox also gets it right). Other WebKit-based browsers, notably Chrome, have inherited the new bug, and it's still present in the current nightly build. A few pages on my site suffer 
 from this problem, and I don't believe there's anything wrong with my code (which validates correctly).

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