title: CSS - make div's inherit a height
body: <p>I'm trying to make a box with rounded corners where the height and width of the div depends on the content, so it's automatically adjust to it...</p>
  
  <p>You can see the example here: <a href="http://pastehtml.com/view/1duizyf.html" rel="noreferrer">http://pastehtml.com/view/1duizyf.html</a></p>
  
  <p>The problem is that i can't get the "test_mid_left" (black background) and "test_mid_right" (turquoise background) to inherit the height from the "test_mid_center" (green background). I have tried height: 100% and auto, but none of thoose work. So how do I get them to inherit the height from the content?</p>
  
  <p><em>(The reason why I have used "min-height: xx" in the left and right content on the example is just to show which boxes I am talking about)</em></p>