clear and following margin-top

floated block A, with height:30px (followed by an empty clear, with height:0)

a floated box A with height:30px is followed by a empty cleared div (with height:0) and a box B with margin-top:40px.
40px between top of B and bottom of A in IE/Win, Op, Moz1.8+, Saf
40px between top of B and top of A in Moz1.7-, IE5/Mac

floated block A, with height:30px
a not empty cleared div, with height:0

with a not empty cleared div (height:0)
40px between top of B and bottom of A in Op, Moz, IE7+, Saf
40px between top of B and 'bottom of the clear' in IE6-/Win which expands the clear (IE5/Mac doesn't expand the clear, but moves B down anyway)

floated block A, with height:50px (followed by an empty clear, with height:0)

the floated block A has height:50px, greater than B's margin-top:40px.
40px between top of B and bottom of A in IE/Win, Op, Moz1.8+, Saf
No space between B and A in Moz1.7-, IE5/Mac

CSS tests home