Columns that work even on IE

cross_browser_columns.html

<!-- This is how you lay out cross-browser columns. Stick to this and you're golden -->
<style>
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.column { width: 50%; float: left;}
</style>

<div class="clearfix" id="column_row>
  <div class="column">
    This is the first column
  </div>
  <div class="column">
    This is the second column
  </div>
<div>