title: One of my html tables does not maintain height of 100 percent
body: <p>The dropdownlist populates the table's rows depending on the selection.  The table size is supposed to be fixed to full height, 100%, regardless of how many rows it has; however, its only ever as big as the number of rows in the table.</p>
  
  <p>Here is the markup I am using:</p>
  
  <pre><code>&lt;table style="width:100%;height:100%"&gt;
      &lt;tr&gt;
          &lt;td class="auto-style9"&gt;
              &lt;asp:DropDownList ID="ddlTechnicians" runat="server" AutoPostBack="True"
              OnSelectedIndexChanged="ddlTechnicians_SelectedIndexChanged"&gt;
                  &lt;asp:ListItem Selected="True"&gt;Online&lt;/asp:ListItem&gt;
                  &lt;asp:ListItem&gt;Offline&lt;/asp:ListItem&gt;
                  &lt;asp:ListItem&gt;All Users&lt;/asp:ListItem&gt;
              &lt;/asp:DropDownList&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
           &lt;td&gt;
               &lt;asp:Table ID="tblTechnicians" CssClass="tblTechnicians"
               runat="server"&gt;
               &lt;/asp:Table&gt;
           &lt;/td&gt;
           &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And the CSS for class tblTechnicians:</p>
  
  <pre><code>.tblTechnicians 
  {
      width: 100%;
      height: 100%;            
  }
  </code></pre>
  
  <p>Thanks for the help.</p>