title: Table inside div, but still higher than parent div
body: <p>Why does height="100%" attribute fail to work in the following snippet?</p>
  
  <pre><code>&lt;table height="100%" width="100%"&gt;
  </code></pre>
  
  <p><strong>EDIT</strong>:
  code as follows:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  
  &lt;div style="width:250px;height:90px;"&gt;
  
  &lt;table id="experiences-mirror" width="100%" border="1" cellpadding="0" height="100%"&gt;
      &lt;caption&gt;Table Name&lt;/caption&gt;
      &lt;tbody&gt;&lt;tr&gt;&lt;th&gt;Company&lt;/th&gt;&lt;th&gt;Job Title&lt;/th&gt;&lt;th&gt;Industry&lt;/th&gt;&lt;th&gt;Job Function&lt;/th&gt;&lt;th&gt;Start Date&lt;/th&gt;&lt;th&gt;End Date&lt;/th&gt;&lt;/tr&gt;
      &lt;tr title="hint"&gt;
          &lt;td&gt;&lt;input name="company1" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="jobTitle1" class="w100" value="" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="industry1" class="w100" value="" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="jobFunction1" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="startDate1" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="endDate1" class="w100" type="text"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr title="hint"&gt;
          &lt;td&gt;&lt;input name="company2" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="jobTitle2" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="industry2" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="jobFunction2" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="startDate2" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="endDate2" class="w100" type="text"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr title="hint"&gt;
          &lt;td&gt;&lt;input name="company3" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="jobTitle3" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="industry3" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="jobFunction3" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="startDate3" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="endDate3" class="w100" type="text"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr title="hint"&gt;
          &lt;td&gt;&lt;input name="company4" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="jobTitle4" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="industry4" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="jobFunction4" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="startDate4" class="w100" type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input name="endDate4" class="w100" type="text"&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;&lt;/table&gt;
  
  &lt;/div&gt;
  </code></pre>