I want to divide body content into four equal-width div, but failed. here is the code. If very hard to control, I prefer the fourth one can take all leftover width.

Thanks


Code:
<div id="first_column" style="width:23%; margin-right:0px; border:1px solid blue;">
	1
</div>

<div id="fourth_column" style="width:23%; border:1px solid blue;float:right;margin-right:0px;">
4
</div>
<div id="third_column" style="width:23%; border:1px solid blue;float:right;margin-right:0px;">
3
</div>
<div id="second_column" style="width:23%; border:1px solid blue;float:right;margin-right:0px;">
2
</div>