Posible duplicado:
Word-wrap en una tabla html

Este texto se comporta exactamente como quiero en Google Chrome (y en otros navegadores modernos):

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

Cuando el navegador es lo suficientemente ancho, a + y b + están en la misma línea.

aaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

medida que estrecha el navegador, a + y b + se colocan en líneas separadas.

aaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

Cuando b + ya no puede caber, se rompe y se coloca en dos líneas (para un total de tres líneas).

aaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbb
bbbbbbbb

Eso es genial.

n mi situación, sin embargo, esto no es undiv pero untable, al igual que

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

En este caso, # 1 y # 2 suceden, pero no # 3. Es decir, la tabla deja de reducirse después del paso 2 y el paso 3 nunca sucede. La palabra clave no parece filtrarse.

¿Alguien sabe cómo hacer que el # 3 suceda? La solución solo necesita funcionar en Chrome, pero también funcionó en otros navegadores que serían aún mejores.

PD. "No usar tablas" no es útil.