<br clear="both"> in XHTML

To be honest, I did not solve this myself, but found a very good solution at the deepth of the internet...

CSS

.clearboth:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

XHTML

Workaround for the Internet exploder

You can trick the Internet exploder to do things like expected by using conditional comment. Only IE can see inside conditional comments, all other browsers ignore them. But don't ever use any normal HTML comments inside the conditional comment or it will close prematurely (because Microsoft can never do anything right, can they ?!)

<!--[if IE]>
<style>
.clearboth {
	zoom:1;     /* triggers hasLayout */
}
</style>
<![endif]-->