This green-bordered <div> has float: left; width: 189px; height: 189px;

This <h2> heading has a margin-bottom: 101px;

a <div> with clear: left

Expected results: there should be no gap between the green-bordered box and the yellow background line

The yellow <div> is the last element in the blue-bordered container and is a clerarance <div>.

With MSIE 7, this fails and there is a gap equal to the bottom margin of the <h2> heading (the last in-flow element).

With MSIE 6, the gap is equal to the same bottom margin plus the font size in the clearance division. (If font size is not specified, the gap is larger.)

Firefox 1.x, Firefox 2.x, Safari 2.0.4, Safari 3.0.4, Opera 9.25, Opera 9.50, Konqueror 3.5.8, Hv3 TKHTML alpha 16, Seamonkey 1.x, Seamonkey 2.x, K-meleon 1.x, NS 6.2, NS 7.0, NS 7.2, Galeon 2, Epiphany 2, Amaya 9.55 all pass this test.

Valid HTML 4.01! CSS compliant