margin-top on clear

float A, height:30px
clear B with margin-top:50px

There should be 50px between top of B and top of A: Moz, IE5/Mac, Saf OK.
There are 50px between top of B and bottom of A (wrong) in: Op (<9), IE/Win.

float A, height:60px
clear B with margin-top:50px

There should be no space between B and A: Moz, IE5/Mac, Saf OK.
There are 50px between top of B and bottom of A (wrong) in: Op (<9), IE/Win.

float A, height:30px
clear B with margin-top:50px

Like first case, but with an extra (blue, border-less) wrapper: follies! See negative clearance

float A, height:30px, margin-bottom:10px
clear B with margin-top:50px

There should be 50px between top of B and top of A: Moz, IE5/Mac, Saf OK.
There are 60px between top of B and bottom of A (wrong) in: Op (<9), IE/Win.

CSS tests home