/* Reference the clearfix class in all DIVs containing floating DIVs. This expands the height of the parent DIV to the height of the floating DIVs inside it. */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Remove this style if IE Mac browser compatibility is not an issue */
.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

/* Remove this style if IE Mac browser compatibility is not an issue */
.clearfix {
display: block;
} 
/* End hide from IE-mac */