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;
}
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)?