Clearfix for ie6, ie7, and others

clearfix.css

/* float clearing for IE6 */
.clearfix {
  height: 1%;
  overflow: visible; }

/* float clearing for IE7 */
.clearfix {
  min-height: 1%; }

/* float clearing for everyone else */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }