Wedgy: CSS: Inhalt fließt aus <div> hinaus!

Beitrag lesen

Hallo!
Ich habe absolut positionierte DIVs in meinem Stylesheet. Ob das gut oder schlecht ist, will ich eigentlich nicht diskutieren, aber ich hab folgendes Problem:

<div id='aussen'>
...
<div id='innen'>
<table id='tabelle'....></table>
</div>
</div>

Wenn die Tabelle größer wird, wächst sie unten aus dem äußeren <div> hinaus. Kann mir jemand verraten, wie das äußerste (und innere natürlich) <div> mit dem Inhalt der Tabelle "mitwächst)?

CSS sieht so aus:

div#aussen {
  position: absolute;
  top: 100px;
  left: 0px;
  min-height: 500px;
  text-align: left;
  margin: 0;
  padding: 0;
  width: 1024px;
  background: #FFFFFF url(./gfx/back.gif) repeat-y;
  }

div#innen {
  position: absolute;
  left: 200px;
  top: 0px;
  padding: 1em;
  padding-bottom: 1em;
  }

table#tabelle {
  padding: 0;
  margin: 0;
  border: 0;
  width: 780px;
  border-collapse: collapse;
}