Updating clearfix

Author: betweenbrain

css/screen.css

@@ -1343,25 +1343,22 @@ ul.menu ul ul ul li.pie_hover ul {
 /* Fully browser compatible, works with screenreaders but doesn't work with images off/css on */
 /*#nav ul.menu li a {display:block;width:100px;height:20px;background:url(../images/logo.png) -50px -50px no-repeat}
 #nav ul.menu li a span{display:block;width:0;height:0;overflow:hidden;}*/
+
 /* -- CSS Clearing -- */
-.clearfix:after, .clearfix:before {
-	clear      : both;
-	content    : ".";
-	font       : 1px/0;
-	display    : block;
-	height     : 0;
-	visibility : hidden;
+.clearfix:before,
+.clearfix:after {
+	content  : "\0020";
+	display  : block;
+	height   : 0;
+	overflow : hidden;
 }
 
-/*:before is for gutter margin top*/
-.clearfix {
-	display   : inline-block;
-	display   : block;
-	min-width : 0;
+.clearfix:after {
+	clear : both;
 }
 
-* html .clearfix {
-	height : 1%;
+.clearfix {
+	zoom : 1;
 }
 
 .clear {