text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
This is how it is supposed to look. The two examples below should look the same (as long as the browser window is wider than 20em).
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
This is especially ugly. A floated element should only have effect on line-boxes in normal flow, not
on block-boxes!
Update: this bug is fixed in Opera 7.1 Beta
Since a float is not in the flow, non-positioned block boxes created before and after the float box flow vertically as if the float didn't exist. However, line boxes created next to the float are shortened to make room for the floated box.
The box is relatively positioned, but still it's contents should flow around floated elements! Only the contents of absolutely positioned elements should ignore floats.
Update: this is fixed in build 3144 (7.2RC)