Additional link in content is not on reference screenshot!
UserAgent
/* full clearfix */ /* add to floating elements which shall clear floating after themselves */ * html .clearfix { height: 1%; /* IE5-6 */ } *+html .clearfix { display: inline-block; /* IE7not8 */ } .clearfix:after { /* FF, IE8, O, S, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
Works in and tested with:
FF3.6, 3.5, 3, 2.0.0.16, 1.5, Camino
IE9PR3, 8, 7, 6, 5.5, 5.01, IE5Mac
Opera 9.51, 9.27, 8.5
Chrome 5
Safari 3.1.1 (PC, should work on Mac too)
.simpleclearfix { o\verflow: auto; } * html .simpleclearfix { height: 1%; /* IE5-6 */ }
Works in and tested with:
FF3.5, 3.6, 3, 2.0.0.16
IE9PR3, IE8, 7, 6, 5.5
Opera 9.51, 9.27
Chrome 5
Safari 3.1.1 (PC, should work on Mac too)