Eu quero um conjunto de<td>s para flutuar para a esquerda no IE7. Eles devem entrar na próxima linha se a janela for muito pequena.

CSS

<code>table {
  width: 100%;
}
td {
  border: 1px solid red;
}
tr.f td {
  width: 500px;
  float: left;
}
</code>

HTML:

<code><table>
  <tr class="f">
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
</table>
</code>

Isso funciona no IE8 e no Firefox, mas não no IE7. O que estou fazendo de errado?

O modo de renderização de página é "IE7 (Quirks)" ou "IE7 (Standards)". Estou tentando com o IE8, no entanto, confiando que o modo de renderização do IE7 é o que ele diz. "IE8 Compatibility View" está falhando também, apenas "IE8 Standards" acerta.