title: How to make <div> fill <td> height
body: <p>I've looked through several posts on StackOverflow, but haven't been able to find an answer to this rather simple question.</p>
  
  <p>I have an HTML construct like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td class="thatSetsABackground"&gt;
        &lt;div class="thatSetsABackgroundWithAnIcon"&gt;
          &lt;dl&gt;
            &lt;dt&gt;yada
            &lt;/dt&gt;
            &lt;dd&gt;yada
            &lt;/dd&gt;
          &lt;/dl&gt;
        &lt;div&gt;
      &lt;/td&gt;
      &lt;td class="thatSetsABackground"&gt;
        &lt;div class="thatSetsABackgroundWithAnIcon"&gt;
          &lt;dl&gt;
            &lt;dt&gt;yada
            &lt;/dt&gt;
            &lt;dd&gt;yada
            &lt;/dd&gt;
          &lt;/dl&gt;
        &lt;div&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>What I need is for the <code>div</code> to fill the height of the <code>td</code>, so I can be able to position the div's background (the icon) at the bottom-right corner of the <code>td</code>.</p>
  
  <p>How do you suggest I go about that?</p>