title: How to make cells of inner table to occupy the whole space of the outer table cell
body: <p>I have a table inside a cell table. I want the table to occupy the whole space. It looks like the table is only occupying the center of the cell.</p>
  
  <pre><code>   &lt;asp:ListView ID="EmployeeListView" runat="server"&gt;
        &lt;LayoutTemplate&gt;
             &lt;table id="tblEmployee"&gt;
             &lt;/table&gt;
        &lt;/LayoutTemplate&gt;
      &lt;ItemTemplate&gt;
       &lt;tr&gt;
      &lt;td&gt;
      &lt;table style = "width: 100%; border-collapse: collapse; padding: 0"&gt;
         &lt;tr&gt;
             &lt;td class = "aprovGriditem"&gt;
                 &lt;asp:Label ID="Label1" runat="server" Text="3:15"&gt;&lt;/asp:Label&gt;
             &lt;/td&gt;
         &lt;/tr&gt;
         &lt;tr&gt;
             &lt;td class = "aprovGridalt"&gt;
                 &lt;asp:Label ID="Label2" runat="server" Text="0:45"&gt;&lt;/asp:Label&gt;
             &lt;/td&gt;
         &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/ItemTemplate&gt;
  &lt;/asp:ListView&gt;
  </code></pre>
  
  <p>I want both cells of the inner table to occupy evenly the whole space of the outer cell, instead of concentring on the middle and leaving space around them.</p>
  
  <pre><code>#tblEmployee
  {
    border-collapse: collapse;
    height: 100%;
    width: 100%;
  }
  #tblEmployee th
  {
   background-color: #BBC6E3;
   height: 25px;    
   }
   .aprovGriditem 
   {    
    border: 2px solid #BBC6E3;
    padding: 0;
    width: 100%;
    }
  .aprovGridalt 
  {
    background-color: #BBC6E3; 
    border: 2px solid #BBC6E3;
    padding: 0;
   width: 100%;
  }
  </code></pre>