title: Make a <div> fill its parent <td> height, without specifying height on <td>
body: <p>I know there is a similar question <a href="https://stackoverflow.com/questions/3542090/how-to-make-div-fill-td-height">here</a>, but it doesn't work in my case.</p>
  
  <pre><code>&lt;table class="Layout"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;div class="Key"&gt;HEY&lt;/div&gt;&lt;/td&gt;
              &lt;td&gt;&lt;div class="Key"&gt;HEY&lt;/div&gt;&lt;/td&gt;
              &lt;td&gt;&lt;div class="Key"&gt;HEY&lt;/div&gt;&lt;/td&gt;
              &lt;td&gt;&lt;div class="Key"&gt;HEY&lt;/div&gt;&lt;/td&gt;
              &lt;td&gt;&lt;div class="Key"&gt;HEY&lt;/div&gt;&lt;/td&gt;
              &lt;td&gt;&lt;div class="Key"&gt;HEY&lt;/div&gt;&lt;/td&gt;
              &lt;td&gt;&lt;div class="Key"&gt;HEY&lt;/div&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>How can I make my <code>div.Key</code> elements have the same height as their parent <code>&lt;td&gt;</code> <strong>without specifying a height to <code>&lt;td&gt;</code> elements</strong> ?</p>
  
  <p>My table will dynamically change (adding and deleting columns and rows) so I can't force the <code>&lt;td&gt;</code> element to an absolute size, and I would also like not to have to compute and give them a relative size every time I modify the table. The <code>.Layout</code> table size also changes dynamically and will always be an absolute value. (For some reasons I would also like not to use row/colspan in case someone suggests that.)</p>
  
  <p>Any idea?</p>