Resolvendo o problema de float no CSS com a classe clearfix

Fala galerá, para quem está encontrando problemas de alinhamento dos elementos que utilizam float, tente utilizar a classe clearfix na div pai dos elementos com float:

/* INICIO limpa as floats */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

/* FIM limpa as floats */

Por exemplo, você poderia utilizar assim:

<div id="conteudo" class="clearfix">
	<div class="floatleft">Left</div>
	<div class="floatright">Right</div>
</div>

Qualquer dúvida é só comentar,
um grande abraço!