title: HTML Table - max-width not working on td descendants
body: <p>I have table with <code>width: 100%</code> and an element in that table with <code>width: 40em; max-width: 100%</code>, but the element is still stretching the table when the browser window gets too small.</p>
  
  <p>I want this element to be a fixed width but not be larger than the container if the container gets too small. If there's not enough room for the fixed width, <code>max-width: 100%</code> should make it smaller to fit the available space. This works outside of a table.</p>
  
  <p>Note that the <code>max-width</code> is not on the table itself. It is actually on an <code>&lt;input&gt;</code> element, although the code I've linked includes a separate table with the same problem on a <code>&lt;span&gt;</code> element. It also includes an <code>&lt;input&gt;</code> field outside of the table which behaves correctly.</p>
  
  <p><a href="http://jsfiddle.net/vekSW/12/" rel="noreferrer">link to jsfiddle</a></p>