title: Html table specify columns width in px does not work
body: <p>I'm trying to make an ajax columns-resizable table, the interface works fine, but when I resize the columnns, the browser enlarges the table at max 100%, resizing eventually other columns. 
  I've tried with both this two solutions but no one works well:</p>
  
  <p>1.</p>
  
  <pre><code>min-width: 100%;
  table-layout: fixed;
  width: 100%;
  </code></pre>
  
  <p>with this solution, I need to resize any single column before going (if necessary) over 100%; if I enlarge only one column, for example, all the others columns are restricted, they does not maintain the original width (as I would)</p>
  
  <p>2.</p>
  
  <pre><code>table-layout: fixed;
  </code></pre>
  
  <p>Any ideas?</p>
  
  <p>Edit:
  This is the relevant html code:</p>
  
  <pre><code>&lt;table class="resizable" id="TabellaDati" &gt;&lt;thead&gt;  &lt;tr&gt;
      &lt;th id="MDT_ThID"&gt;&lt;span&gt;ID&lt;/span&gt;&lt;/th&gt;
      &lt;th id="MDT_ThText"  style="width: 146px;"&gt;Text&lt;/th&gt;
      &lt;th id="MDT_ThTitle"  style="width: 148px;"&gt;Title&lt;/th&gt;
      &lt;th id="MDT_ThCssClass"  style="width: 83px;"&gt;CssClass&lt;/th&gt;
      &lt;th id="MDT_ThUrl"  style="width: 92px;"&gt;Url&lt;/th&gt;
      &lt;th id="MDT_ThOrdine"&gt;Ordine&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt; &lt;tr&gt;
      &lt;td headers="MDT_ThID"&gt;MenuAlbo&lt;/td&gt;
      &lt;td headers="MDT_ThText"&gt;Albo Pretorio&lt;/td&gt;
      &lt;td headers="MDT_ThTitle"&gt;Albo Pretorio&lt;/td&gt;
      &lt;td headers="MDT_ThCssClass"&gt;&lt;/td&gt;
      &lt;td headers="MDT_ThUrl"&gt;/AlboPretorio&lt;/td&gt;
      &lt;td headers="MDT_ThOrdine"&gt;2&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;&lt;/table&gt;
  </code></pre>
  
  <p>And the Css:</p>
  
  <pre><code>#TabellaDati {
      min-width: 100%;
      table-layout: fixed;
      width: 100%;
  }
  table {
      border-collapse: collapse;
  }
  </code></pre>