title: Expand TD to max available width
body: <p>I have a <code>TextBox</code> and a <code>Button</code>. I put them inside the first row of a <code>table</code>. What I want is to have the <code>Button</code> fixed at 60px and the <code>TextBox</code> to take rest of the space. The second row of this <code>table</code> has a <code>TreeView</code> that should expand to full <code>table</code> width. Here's what I have tried:</p>
  
  <pre><code>&lt;div class="leftCol"&gt;
      &lt;table style="width: 100%;"&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;asp:TextBox runat="server" Width="100%" CssClass="FilterTextBox" /&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;asp:Button runat="server" Width="60" Text="Filter" ID="btnFilter" /&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td colspan="2"&gt;
                  &lt;asp:TreeView runat="server" Height="100%" Width="100%" CssClass="leftTreeView" /&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's the simplistic CSS:</p>
  
  <pre><code>.FilterTextBox
  {
     display: block;
     width: 100%;
     height: 100%;
  }
  </code></pre>
  
  <p>The <code>TreeView</code> appears okay, but the <code>TextBox</code> doesn't seem to expand to full width of the <code>div</code> (minus Button's width).</p>