extra vertical space in IE after div clear

Question

I have created a simple grid of divs by left floating them and an empty div with a clear at the end of each row.

This works fine in Firefox, but in IE I get extra ve

Answer 1

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

Changing it to 0px works better..