Anzeigefehler - Tabelle im Div ?

[Perceptor]

Hallo Leute !

Ich arbeite grad mal wieder an einer kleinen Website und hab ein Problem bei dem ich grade absolut nicht weiter komme.
Es geht darum:

Ich habe in der CSS Datein einen <div> Bereich wie folgt definiert:

.inhaltsbox {
    background-color: #2B2A27;
    width: 830px;
    height: auto;
    position: relative;
    top: 50px;
    border: 2px ridge #2D2C26;
    margin: auto;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    background-image: url(page/bg.gif)} 

Der zugehörige Ausschnitt aus dem HTML ist folgender:

<div class="inhaltsbox">

<table width="100%" border="0" align="left" cellspacing="2"  cellpadding="4">

Tabelleninhalte

</table>
</div> 

Das funktioniert leider nicht ganz in meinem Sinne, weil das <div> sich nicht um die Tabelle schließt, wie man hier sehen kann.

Füge ich im HTML noch einen weiteren Text zwischen </table> und </div> hinzu, wie z.B. hier

<div class="inhaltsbox">

<table width="100%" border="0" align="left" cellspacing="2"  cellpadding="4">

Tabelleninhalte

</table>
Diese Eingabe braucht der Browser
</div> 

Dann funktioniert das ganze wie es soll. Siehe hier

Hat vielleicht jemand von euch eine Idee woran das liegen könnte bzw. wie ich es hinbekomme dass die Tabelle auch ohne die untere Texteingabe als Inhalt des <div> verstanden wird?

Wäre echt klasse, ich bin nämlich mit meinem CSS am Ende

[gruenspan]

overflow:auto;

[Perceptor]

Funktioniert !

Besten dank auch