droom: Height von main nicht passend zum DIV

Beitrag lesen

Hi folks,
ich habe folgendes Programmcode:

<html style="height:100%">
<body style="height:100%;width:100%">
<div id="main" style="height:100%;background:url(bg.jpg)">Text</div>
</body>
</html>

Nun wenn der Text in Main länger als das Fenster vom Browser -was eine Höhe von 100% besitzt - wird das background nicht mehr angezeigt. Das Background wir nur bis an der Stelle angezeigt, wo das Fenster 100% höhe hat.

wie kann ich machen, dass der main-div so hoch st wie sein Inhalt, so dass der background nicht abgeschnitten wird?

vielen Dank

Droom