title: CSS min-width in IE6, 7, and 8
body: <p>I found many answers to this question on Google, but none of them seem to work for all browsers.</p>
  
  <p>I am looking for a CSS-only way to get min-width working on Firefox, IE6, IE7, and IE8. It is well-known that IE does not support min-width, so several hacks are out there to try to emulate the behavior of min-width. Unfortunately, I have not had any luck with them.</p>
  
  <p>Specifically, this is what I'm trying to do:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      table.dataTable td {
          white-space: nowrap;
      }
  
      table.dataTable td.largeCell {
          white-space: normal;
          min-width: 300px;
      }
  &lt;/style&gt;
  
  &lt;table class="dataTable"&gt;
    &lt;tr&gt;
      &lt;td&gt;ID&lt;/td&gt;
      &lt;td&gt;Date&lt;/td&gt;
      &lt;td&gt;Title&lt;/td&gt;
      &lt;td class="largeCell"&gt;A large amount of data like a description that could
          span several lines within this cell.&lt;/td&gt;
      &lt;td&gt;Link&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Does anyone have a way to get this to work?</p>