title: TABLE element 100% height of a min-height container
body: <p>This is such a simple (and a little stupid) question, but I can’t find a good answer.</p>
  
  <p>How can I make a TABLE element stretch to 100% height of it’s parent container that has a min-height? Consider this:</p>
  
  <pre><code>&lt;div&gt;
      &lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>div { min-height:400px; background:yellow }
  table { background:pink; height:100% }
  </code></pre>
  
  <p>Fiddle: <a href="http://jsfiddle.net/faynV/" rel="nofollow">http://jsfiddle.net/faynV/</a></p>
  
  <p>I’m not really used to working with tables, so any help is appreciated...</p>