Lorsqu'on utilise des positionnement CSS de type float:left ou float:right, il est courant de faire un clear:both après pour revenir sur le flux de la page. Exemple :

HTML :

<div class="left">
left
<div class="right">
right</div>
<div class="clear"><!-- --></div> <p><ins>CSS :</ins></p> <code> .left {
float:left;
}
.right {
float:right
}
.clear {
clear:both;
}

Or, sous IE, il y a un bug assez génant : il génère un espace avant et après cette DIV, comme un genre de margin. L'astuce est d'associer une hauteur à la classe clear :

.clear {
clear:both;
height: 0px;
overflow: hidden;
}