all xbrowser tests

XHTML float clear without markup test

Additional link in content is not on reference screenshot!

UserAgent


.clearfix with IE8

    /* 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)

floated 100x100 with a link
normal content with a link

floated 100x100 with a link
floated 100x100 with a link
normal content with a link(IE5 mac needs content here!)

longer content which clears anyway

floated 100x100 with a link
normal content with a link
line
line
line
line
line
line
line
line
line
line

floated 100x100 with a link
floated 100x100 with a link
normal content with a link(IE5 mac needs content here!)
line
line
line
line
line
line
line
line

.simpleclearfix

	.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)

floated 100x100 with a link
normal content with a link.

floated 100x100 with a link
floated 100x100 with a link
normal content with a link (IE5 mac needs content here!)

longer content which clears anyway

floated 100x100 with a link
normal content with a link.
line
line
line
line
line
line
line
line
line

floated 100x100 with a link
floated 100x100 with a link
normal content with a link (IE5 mac needs content here!)
line
line
line
line
line
line
line
line

no clearfix

floated 100x100 with a link
normal content with a link

floated 100x100 with a link
floated 100x100 with a link
normal content with a link