[CSS/HTML] 100% height vermijden met een div met scroll

[semicon]

Hallo,

Ik probeer een site die voorheen uit frames bestond om te zetten naar div layout, so far so good, bijna klaar zelfs, maar 1 probleem in zowel firefox als IE (ligt wss aan de regel ervan ofzo, dat 100% gewoon 100% van document betekend).

Ik heb:

Cascading Stylesheet:

.Top
{
    margin      : 0;
    padding     : 0;
    width       : 100%;
    height      : 100px;
}

.Menu
{
    position    : absolute;
    width       : 160px;
    left        : 0px;
    background-color: #e3e3e3;
}

.Container
{
    margin-left : 161px;
    bottom      : 0;
}

.Content
{
    position    : relative;
    padding     : 0;
    margin-right    : 265px;
    overflow    : auto;
    height      : 100%;
}

.SideMenu
{
    position    : absolute;
    width       : 260px;
    margin-right    : 0;
    right       : 0px;
}

.Bottom
{
    background-color: #EEEEEE;
    background-image:url(./images/bottom_backdrop.gif);
    height      : 25px;
    position    : relative;
}

Waarschijnlijk kun je hieruit al zien dat ik een Top heb, een linker menu, een container met daarin een content (DEZE moet gaan scrollen en opvullen!) en rightside sidemenutje en een kleine info bar onderin (bottom)

De bar onderin staat goed, de bar rechts en links staan goed, alleen content niet. Deze neemt 100% als 100% van het hele document, en ik krijg het niet opgelost!

graag jullie help!