title: CSS 100% height of container with min-height
body: <p>I have a situation where I am trying to make an element occupy 100% of the height of its container - and the container element only has min-height specified. Unfortunately, when I do this, the height directive is ignored. <a href="http://jsfiddle.net/57EZn/3/" rel="noreferrer">Here is an example</a>. The "b" div, the red one, should fill the entire parent. It doesn't, not in IE7, Chrome, or FF3.6.</p>
  
  <p>If I had "height: 1px" to the container, the "a" div, then "b" is stretched to the entire height of "a". <a href="http://jsfiddle.net/57EZn/4/" rel="noreferrer">See here</a>. But this only in FF3.6 and IE7, not in Chrome. So I guess I am doing something wrong here.</p>
  
  <p>I feel like this is a common problem that there must be a solution to that I'm just not seeing. What is the best way to achieve stretch-to-height in this case?</p>