title: Set column width of table in div with horizontal scrollbar
body: <p>I want to set the column width of a table that is contained in a div. The width of the table can exceed the fixed width div, so I want the div to show a horizontal scrollbar - but the table column won't expand to the width I'm setting it at. How can I get this to work?</p>
  
  <pre><code>#content {
      width:200px;
      overflow-x: auto;
  }
  td,th {
     border-style:solid;
  }
  </code></pre>
  
  
  
  <pre><code>&lt;div id="content"&gt;
  &lt;table style="border-style:solid;"&gt;
      &lt;tr&gt;
          &lt;th style="width:50px"&gt;124&lt;/th&gt;
          &lt;th style="width:550px"&gt;124&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;124&lt;/td&gt;
          &lt;td&gt;124&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>