The following CSS is applied to the blocks below:

div {
	width: 250px;
	margin: 0;
	border: 0;
	text-align: center;
	}
#div1 {
	background: yellow;
	height: 100px;
	float: left;
	clear: left;
	}
#div2 {
	background: red;
	height: 40px;
	float: right;
	clear: right;
	}
#div3 {
	background: lime;
	height: 60px;
	float: left;
	clear: left;
	}
#div4 {
	background: orange;
	height: 40px;
	float: right;
	clear: right;
	}
	
First Block (id="div1")
Second Block (id="div2")
Third Block (id="div3")
Fourth Block (id="div4")

Now the question – where should the Fourth block go? Should it be top–aligned with the Third Block (like in Mozilla and Opera), or top–glued with the Second Block (like in Microsoft Internet Explorer)?