title: IE7: How to make TD float?
body: <p>I want a set of <code>&lt;td&gt;</code>s to float left in IE7. They should break onto the next line if the window is too small.</p>
  
  <p>CSS</p>
  
  <pre><code>table {
    width: 100%;
  }
  td {
    border: 1px solid red;
  }
  tr.f td {
    width: 500px;
    float: left;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr class="f"&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
      &lt;td&gt;3&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>This works in IE8 and Firefox, but not in IE7. What am I doing wrong?</p>
  
  <p>Page rendering mode is "IE7 (Quirks)" or "IE7 (Standards)". I'm trying with IE8, though, trusting that IE7 rendering mode is what it says. "IE8 Compatibility View" is failing as well, only "IE8 Standards" gets it right.</p>