table wächst nicht mit beinhaltetem div

[bealine]

Hallo,

ich habe in meinem template einen div-Container in eine td plaziert. Nur mit divs hab ich das Layout leider nicht geschafft und deshalb zur Seitenformatierung eine dreispaltige Tabelle zugrunde gelegt.

Das div enthält meine Inhaltstexte für die einzelnen Homepageseiten.
Da die umgebende Tabelle auch eine Fußzeile hat, sollte diese je nach Textlänge nach unten rutschen. Das div legt sich aber bei längeren Texten einfach über den Tabellenfooter statt dass die td mit dem div-Inhalt mitwächst.

Kann mir bitte jemand helfen, wie ich es schaffe, dass die Zellenhöhe der td je nach Länge des div-Inhalts variiert?

Hier der (gekürzte) Code:

<table>
<tr>
<td>...</td>
<td>...</td>

<td valign="top">
    <div id="inhalt">
        <!-- TemplateBeginEditable name="Inhalt" -->
        <p>Diese Seite befindet sich gerade im Aufbau.</p>
        <!-- TemplateEndEditable -->
    </div>
</td>
</tr>

...

</table>

----------

CSS:
div#inhalt {
padding:15px;
vertical-align: top;
        }