title: Lock table cells to their default size regardless of content
body: <p>If I have</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>table
      { width: 100%; height: 100%; }
  </code></pre>
  
  <p>Each cell takes up an equal quarter of the table, and the table stretches to fit the window.</p>
  
  <p>How can I prevent these table cells from resizing themselves to fit the content within the cells (while still fitting the table's container)?</p>