title: Expand size of anchor element to the size of the parent table cell
body: <p>I basically have the following:</p>
  
  <pre><code>&lt;table&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;Header&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;
          &lt;a href="..."&gt;&lt;/a&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Assume that the table cell has some width and height to it, as created by additional table cell and table header elements.</p>
  
  <p>I need that anchor element to expand to the same width and height of the table cell so that you can click anywhere within the cell to get to the link.  How does one do this so that it's cross-browser compatible?</p>
  
  <p><em><strong>Clarification</em></strong> Setting the table cell to have a fixed width or height is not a valid option.</p>