This issue originally reported here on the Redmine project: http://www.redmine.org/issues/4239 This is a REGRESSION, as the page renders properly in previous versions of Webkit. Good: 531.21.8 Safari 4.0.4 (6531.21.10) Bad: 532.7+ Webkit 4.0.4 (6531.21.10, r52242) (17 December 2009) Bad: 532.7 Chromium 4.0.270.0 (34467) I've attached a web archive example of the problem, and screenshots of Safari 4 and Webkit Daily.
Created attachment 45114 [details] Web Archive of affected page
Created attachment 45115 [details] Screenshot - Good Case - Safari 4
Created attachment 45116 [details] Screenshot - Bad Case - Webkit Daily Build
<rdar://problem/7483622>
This is similar to bug 32382, and I think the solution is to refine the fix for that bug and instead of using the float*Bottom() functions, find the bottom of the lowest float that limits the available space on the line.
Created attachment 45514 [details] Only clear floats as necessary to fit the child on the line
style-queue ran check-webkit-style on attachment 45514 [details] without any errors.
Comment on attachment 45514 [details] Only clear floats as necessary to fit the child on the line r=me
Fixed in <http://trac.webkit.org/projects/webkit/changeset/52566>.