BUG de margem (margin) duplicada no IE 6

Quem desenvolve HTML a um tempo já se deparou com esse BUG diversas vezes no IE 6. Quando você define uma margem (margin) para um elemento, e esse elemento recebe um float para a mesma direção da margem, ocorre o BUG de duplicação de margem no IE 6.

Por exemplo:

#box {
	float:left;
	width:600px; height:400px;
	margin-left:100px;
}

No caso a cima ocorre a duplicação da margem, pois o float e a margem (margin) estão para o mesmo lado (left).

Solução

Para solucionar esse BUG no IE 6 é atribuído ao elemento display:inline. Dessa maneira todos os browsers irão visualizar corretamente, incluindo o IE 6.

#box {
	float:left;
	width:600px; height:400px;
	margin-left:100px;
	display:inline;
}

Simples neh?!