title: Sibling divs match height in container
body: <p>I have three divs in a container: <a href="http://jsfiddle.net/fBe9y/">http://jsfiddle.net/fBe9y/</a></p>
  
  <p>One div has a lot of content. How do I get the other two <code>div</code>s, with less content, to match the height of the longest <code>div</code>? </p>
  
  <p>I tried adding <code>height: 100%</code> to all the <code>div</code>s, but it doesn't work because that would need a <code>height</code> on <code>div.container</code>, which I don't know before rendering.</p>