Small descrepency

div.clearer {
clear: both;
line-height: 0;
height: 0;
}
<div id="clearer">&nbsp;</div>

Try:
.clearer {
clear: both;
font-size: 0;
height: 0;
line-height: 0;
overflow: hidden;
}
<div class="clearer">
</div>