title: CSS width and max-width combined
body: <p>I have the following code:</p>
  
  <pre><code>&lt;table style="width: 100%; max-width: 800px; table-layout: fixed;"&gt;
      ... table stuff here ...
  &lt;/table&gt;
  </code></pre>
  
  <p>I think it's obvious I intend for the table to take the full width available, with a capped maximum size of 800px.</p>
  
  <p>This works in Internet Explorer and Firefox, however in Chrome it appears that the <code>max-width</code> is being ignored when <code>width</code> is present.</p>
  
  <p>I have tried using <code>max-width: 100%; width: 800px;</code>, which again works in IE and FF but the <code>max-width</code> is ignored in Chrome. I have tried using just <code>max-width: 800px</code> but in Chrome the table comes out 1159 pixels wide instead... !</p>
  
  <p>If anyone can help with this, it would be much appreciated. </p>