Z-index - teksten skal udvide tabellen!

Jeg er i gang med flg. hjemmeside: http://gagag.dk/new

Som det kan ses bruger jeg flg. kode (forsimplet version) til at lægge billedet i menuen og indholdet som en slags "baggrund", så jeg kan skrive tekst ovenpå:

<table><tr><td background="baggrundsbillede.jpg><div id="bg-content"><img src="BILLEDE.jpg">
         
<div id="text-content">Teksten her....

</div>
</div>
</td></tr></table>

Og hvor:

#text-content    {
        position:absolute;
        top:0px;
        left:100px;
}

#bg-content    {
        position: relative;
}

Som det kan ses på hjemmesiden opstår problemet når der kommer så meget tekst at det fylder mere nedadtil end billedet. Der går teksten nemlig bare udover tabellen, hvor det var meningen at det skulle udvide tabellen og baggrundsbilledet (tabellens rigtige baggrundsbillede) skulle tage over.

Hvordan får jeg teksten til at gøre det?

Kom evt. med en anden løsning på hvordan jeg placerer billede og tekst over og under hinanden.