 <p>Faux columns would work but if you're after a pure CSS method you can try equal height columns from www.ejeliot.com</p> <p><a href="http://jsfiddle.net/spacebeers/s8uLG/3/" rel="nofollow">http://jsfiddle.net/spacebeers/s8uLG/3/</a></p> <p>You set your container up with overflow set to hidden, then on each div add negative margin-bottom and equal positive padding-bottom.</p> <pre><code>#container { overflow: hidden; } #container div { float: left; background: #ccc; width: 200px; margin-bottom: -2000px; padding-bottom: 2000px; } #container .col2 { background: #eee; } &lt;div id="container"&gt; &lt;div&gt; &lt;p&gt;Content 1&lt;/p&gt; &lt;/div&gt; &lt;div class="col2"&gt; &lt;p&gt;Content 2&lt;/p&gt; &lt;p&gt;Content 2&lt;/p&gt; &lt;p&gt;Content 2&lt;/p&gt; &lt;p&gt;Content 2&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; </code></pre>