larghezza div e tabella

[andarin]

Salve a tutti,

spero possiate aiutarmi, riporto un piccolo esempio di codice.
Il mio problema è che la tabella (costruita dinamicamente, non so quante td ci sono a priori) va oltre la dimensione della div che la contiene.

Si può fare in modo che in pratica la tabella vada a cappo?

<div style="width: 20%;border: 2px solid black;">
<span>aaaaaa aaaaa aaaaaa aaaaaa aaaaaa aaaaaaaaaa aaaaaaaa aaaaaaaaa aaaaaaa aaaaaaaa aaaaaaaaa</span>
<table>
 <tr>
  <td>aaaaaaaaaa</td>
  <td>aaaaaaaaaa</td>
  <td>aaaaaaaaaa</td>
  <td>aaaaaaaaaa</td>
  <td>aaaaaaaaaa</td>
  <td>aaaaaaaaaa</td>
  <td>aaaaaaaaaa</td>
  <td>aaaaaaaaaa</td>
  <td>aaaaaaaaaa</td>
  <td>aaaaaaaaaa</td>
  <td>aaaaaaaaaa</td>
  <td>aaaaaaaaaa</td>
  <td>aaaaaaaaaa</td>
 </tr>
</table>

grazie a
tutti per l'aiuto