347859 - As page width is changed, text can overlap floated pictures

Status: RESOLVED DUPLICATE of bug 41412

(Firefox :: General, defect)

Description

[Murk]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

As I change the page width, occasionally the rendering goes screwy, and text is rendered overlapping floated pictures. This seems to occur only at particular widths, and when there have been a few floats.

When looking at the page above, concentrate on the text 'When we got back to the car, our driver, Mr. Sharma had acquired a...'

It  happens on this page
http://www.murky.org/blg/2006/08/06/driving-to-vik-and-beyond/
when the page is wide enough that the paragraph starting 'At Kirkjubæjarklaustir we were staying in a place called ‘Efri-Vík’' is above the rock balance image (but not so wide that it's too far above).

It seems to be when there is a float which has been 'pushed down the page a bit' by a clear attribute. It's unaffected by padding and margins, as far as I can tell.

Reproducible: Always

Steps to Reproduce:
1. Lots of floated images
2. Hard to predict when it happens - see examples above


Actual Results:  
The text partially overlaps a floated image

Expected Results:  
The text should not overlap a floated image

Sorry that the reproduction steps are so weak, I've seen this reliably happen for certain pages, but it's hard to reproduce on demand as I'm not quite clear what's happening to cause the issue! For a long time I thought it was a bug in my CSS, I don't think it is as I added extra padding-top and margin-top to the floated image to no effect.

My second mozilla bugrep.... crikey.

Comment 1

[Uri Bernstein]

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