I use a this CSS:
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0
}
to move things onto a new line. However, in Webkit, it causes a bunch of content to disappear and moves the box holding it to the bottom of the screen. The trick works correctly in IE and Firefox.
What am I doing wrong and how can I fix it?