problem med height 100 % i firefox

Hi

Jeg er løbet ing i et lille layout problem.

Jeg kan simpel hen ikke få et <div>-tag til at blive vist som height: 100 % i firefox.

Siden ligger her:
http://skitips.dk/exp/10-11-04/

og mit styesheet ser således ud:
body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    height: 100%;
    background: #ACC6DB url(gfx/gradientbg.jpg) repeat-x fixed left top;
}

#container{
    height: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    width: 886px;
    background: url(gfx/bg.png) repeat-y;
}
#menu{
    height: 60px;
    padding: 7px 0 0 33px;
   
}
#content{
    margin: 0 25px 0 25px;
}
#left{
    background: url(gfx/v_seperator.png) no-repeat right;
    border: 1px solid #00FF00;
    width: 315px;
    height: 250px;
    float: left;
}

#center{
    width: 250px;
    margin: 0 10px 0 10px;
    border: 1px solid #FF0000;
    background: url(gfx/v_seperator.png) no-repeat right;
    height: 250px;
    float: left;
}

#right{
    background: url(gfx/v_seperator.png) no-repeat left;
    margin: 0 0 0 590px;
    padding: 0;
    border: 1px solid #0000FF;
}


Er der nogle som kan se hvordan problemmet kan løses og hvis I har lyst til at teste den i andre browsere er i også MEGET velkommen til dette (den skulle virke i IE 6) ?