title: table-layout=fixed and one col without specified width-property sets table width to 100% in IE7
body: <p>i want a table to render with minimum width according to its content, but IE7 insists on expanding it to 100% width.</p>
  
  <p>The following little snippet works fine in Firefox and IE8, but not in IE7:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;style type="text/css"&gt;
        table { table-layout: fixed  }
        td { padding: 0 10px; border: 1px solid blue;}
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
  &lt;table&gt;
        &lt;tr&gt;
          &lt;td&gt;Column with variable width&lt;/td&gt;
          &lt;td style="width: 100px;"&gt;Column 2&lt;/td&gt;
          &lt;td style="width: 100px;"&gt;Column 3&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <ul>
  <li>I have a table with table-layout: fixed.</li>
  <li>I have specified the width of all cells except the first one.</li>
  <li>In the first column, i want the browser to determine the width based on the content</li>
  <li>As I don't know the width of the first column, I cannot (and do not want to) specify the width of the table.</li>
  </ul>
  
  <p>Now, the problem in IE7 is that the table is rendered to 100% width. So the first col has not the minimum width that is required to display its content but takes up all the space to make the table 100% width.</p>
  
  <p>Here is what i found out so far:</p>
  
  <ul>
  <li>when i remove "table-layout: fixed" from the table, the table will not expand to 100%. Unfortunatly, that's not an option for me.</li>
  <li>when i set the table-width to a very small size (like e.g. 10px), the first col will not be expanded to the minimum required width, but will disappear entirerly.</li>
  <li>i tried to set "display: inline;" for the table, but that has no effects on the width. </li>
  </ul>
  
  <p>Any ideas?</p>
  
  <p>Thanks in advace,
  Pitter</p>