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 should not float afterthem */ 
	* 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;
	    }
	

.clearfix without IE8?

	* html .clearfix {
		height: 1%; /* IE5-6 */
		}
	.clearfix {
		display: inline-block; /* IE7xhtml*/
		}
	html[xmlns] .clearfix { /* O */
		    display: block;  
		    }
	.clearfix:after { /* FF, O, etc. */
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	

Works in and tested with:
FF3, 2.0.0.16, 1.5, Camino
IE8, 7, 6, 5.5, 5.01, IE5Mac
Opera 9.51, 9.27, 8.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!)

.simpleclearfix

	.simpleclearfix {
		o\verflow: auto;
		}
	* html .simpleclearfix {
		height: 1%; /* IE5-6 */
   		}
	

Works in and tested with:
FF3, 2.0.0.16
IE8, 7, 6, 5.5
Opera 9.51, 9.27
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!)

default

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