 <p>This is a little hacky, but it works: Give the right container a margin-top of the height of the left container minus the height of the right container (in this case, 50px). Then give the left container a negative margin-bottom of the same amount (-50px). Here is it working: <a href="http://jsfiddle.net/zdL60bLu/9/" rel="nofollow">http://jsfiddle.net/zdL60bLu/9/</a></p> <p>Code added:</p> <pre><code>#left { margin-bottom: -50px; } #right { margin-top: 50px; } </code></pre>