I have a series of floated elements down the right side of a simple page. Two of them are 300px then there are some pics which are 330px wide.
These elements are set to float:right obviously and each drops below its predecessor with clear:right. The widths are set explicitly.
So these divs are followed by <p>s which are intended to flow around the floats. Works fine for the most part, but in Firefox, Chrome, et al the <p> of text which happens along at the point where the first 330px pic appears acts only as if it needs to clear the preceding 300px element! - the lower part of the paragraph disappears under the wider pic.
In MSIE it flows as expected.
This is very simple CSS and I'm surprised to see the issue. Any idea what is going on?
