Clear float without extra tag with CSS

CSS for all browsers  --------------------------------------------


.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: " ";
}

.clearfix:after {
  clear: both;
}

CSS for IE 6, 7 ----------------------------------------------

 .clearfix {

    *zoom: 1;     /* triggers hasLayout */

    display: block;     /* resets display for IE/Win */

 }  

HTML (For IE 6,7)--------------------------------------------

<!--[if lte IE 7]>

<link href="css/ie.css" rel="stylesheet" type="text/css" />

<![endif]-->