Possible Duplicate:
Quebra de linha em uma tabela html

Este texto se comporta exatamente da maneira que desejo no Google Chrome (e em outros navegadores modernos):

<div style="border: 1px solid black; width:100%; word-wrap: break-word;">
  <p>
    aaaaaaaaaaaaaaaa
    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
  </p>
</div>

Quando o navegador é amplo o suficiente, a + eb + estão na mesma linh

aaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

À medida que você restringe o navegador, a + eb + são colocados em linhas separada

aaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

uando o b + não pode mais caber, ele é quebrado e colocado em duas linhas (para um total de três linhas

aaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbb
bbbbbbbb

Isso é ótimo.

Na minha situação, no entanto, este não é umdiv mas umtable, igual a

<table style="border:1px solid black; width:100%; word-wrap:break-word;">
  <tr>
    <td>
      <p>
        aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
        bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
      </p>
    </td>
  </tr>
</table>

Neste caso, os números 1 e 2 acontecem, mas não o número 3. Ou seja, a tabela para de se estreitar após a etapa 2 e a etapa 3 nunca acontecer. A palavra de quebra não parece estar sendo filtrada.

Alguém sabe como fazer o # 3 acontecer? A solução só precisa funcionar no Chrome, mas também funcionou em outros navegadores que seriam ainda melhore

P.S. "Não use tabelas" não é útil.