Apparently I've never done this before because I can't figure out how. Here is what I'm after. Float and inline-block create equal height columns. But I need them to fill any available space. My guess is display table is my answer. Care to show me how? There is always going to be rows of three and the boxes will always be equal width. Thanks!

The html looks like this...

Code HTML4Strict:
<ul>
	<li></li>
	<li></li>
</ul>
<ul>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
</ul>
<ul>
        <li></li>
	<li></li>
</ul>
<ul>
	<li></li>
	<li></li>
</ul>