Tabellen/CSS-Problem

[Peter]

Hallo,
Ich habe bei dem Codeausschnitt unten folgendes Problem: Ist der Text in der zweiten Zeile zu lang, verbreitert sich der äußere DIV-Container. Wie kann ich, ohne die Bildbreite explizit anzugeben, bewirken, dass der Text unter dem Bild umgebrochen wird?

<div class="margin-right: 12px; margin-bottom: 8px; float: left;">
  <table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>
        <img style="margin-bottom: 8px;" src="bild.png">
      </td>
    </tr>
    <tr>
      <td>
        <span class="font-size: 11px;">Langer Beschreibungstext</span>
      </td>
    </tr>
  </table>
</div>