Testing CSS float and clear

Test this page in your favorite browser - and then in your alternative browser. See a difference?

div#contents1

float: left;
width: 10%;
border: solid red;

div#contents2

clear: left;
float: left;
width: 10%;
border: solid green;

div#favorites

float: right;
border: solid blue;
width: 10%;

Mozilla/Firefox Error: This div#favorites is vertical aligned with the last float that had clear. In this case div#contents2.

div#main

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis in risus quis odio tincidunt iaculis. Pellentesque varius, tellus vitae rhoncus rhoncus, ante augue vestibulum ante, sit amet ultrices lectus dolor in tortor. Morbi felis lorem, varius convallis, cursus sodales, luctus sed, ligula. Etiam rhoncus dolor eget diam. Nulla a erat sit amet elit accumsan ultrices. Pellentesque tincidunt molestie erat. Curabitur fringilla fringilla dui. Nulla facilisi. Etiam ultrices. Sed interdum, justo a dignissim interdum, ligula sapien ultricies tortor, in tristique justo nulla id sapien. Aenean nonummy aliquam lacus. Nullam orci purus, tristique ut, dignissim sed, facilisis laoreet, risus. Quisque ultrices mauris ac nisl. Praesent vitae justo. Donec justo. Aenean posuere eleifend nibh. Mauris eros. Vivamus luctus, quam fermentum porttitor ullamcorper, dolor ligula hendrerit eros, non volutpat quam quam at nulla. Morbi consequat adipiscing mauris.

[Set div#main to float left] Error: This doesn't work either in Firefox!

[Reset]

Phasellus velit nunc, hendrerit vitae, pellentesque at, condimentum varius, risus. Etiam sit amet sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque condimentum metus. Mauris nisl. Integer in magna sit amet sapien mattis placerat. Duis eleifend sem ut nulla. Morbi mi pede, dignissim sed, congue sit amet, accumsan eu, nulla. In malesuada. Nulla facilisi. Donec arcu augue, consequat a, interdum eu, ultrices non, est. Ut quis orci. Aenean facilisis pharetra enim. Nam laoreet, dui sit amet porta interdum, odio nunc elementum purus, sed laoreet justo nisl eu quam. Nulla tellus quam, blandit ac, venenatis cursus, vestibulum at, pede. Phasellus tincidunt fringilla tortor. Donec et mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus mollis, felis et faucibus consequat, est enim vulputate nisl, quis mollis urna ligula a turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Phasellus velit nunc, hendrerit vitae, pellentesque at, condimentum varius, risus. Etiam sit amet sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque condimentum metus. Mauris nisl. Integer in magna sit amet sapien mattis placerat. Duis eleifend sem ut nulla. Morbi mi pede, dignissim sed, congue sit amet, accumsan eu, nulla. In malesuada. Nulla facilisi. Donec arcu augue, consequat a, interdum eu, ultrices non, est. Ut quis orci. Aenean facilisis pharetra enim. Nam laoreet, dui sit amet porta interdum, odio nunc elementum purus, sed laoreet justo nisl eu quam. Nulla tellus quam, blandit ac, venenatis cursus, vestibulum at, pede. Phasellus tincidunt fringilla tortor. Donec et mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus mollis, felis et faucibus consequat, est enim vulputate nisl, quis mollis urna ligula a turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Phasellus velit nunc, hendrerit vitae, pellentesque at, condimentum varius, risus. Etiam sit amet sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque condimentum metus. Mauris nisl. Integer in magna sit amet sapien mattis placerat. Duis eleifend sem ut nulla. Morbi mi pede, dignissim sed, congue sit amet, accumsan eu, nulla. In malesuada. Nulla facilisi. Donec arcu augue, consequat a, interdum eu, ultrices non, est. Ut quis orci. Aenean facilisis pharetra enim. Nam laoreet, dui sit amet porta interdum, odio nunc elementum purus, sed laoreet justo nisl eu quam. Nulla tellus quam, blandit ac, venenatis cursus, vestibulum at, pede. Phasellus tincidunt fringilla tortor. Donec et mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus mollis, felis et faucibus consequat, est enim vulputate nisl, quis mollis urna ligula a turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;