CSS: clear and margin difference.

From the CSS2 specification:

The top margin of the generated box is increased enough that the top border edge is below the bottom outer edge of any left-floating boxes that resulted from elements earlier in the source document.

Gecko browsers are the only ones doing it the way it should be done.

The problem:

float: left;

I'm doing clear: left; and I have margin: 30px;. I should be 30px below the floated box.

Another test:

float: left;
height: 70px;

clear: left; margin: 100px 30px 30px 30px;.

Cross browser working method:

float: left;

clear: left; position: relative; top: 30px; margin: 0 30px 30px 30px;.

Home - More stuff