Height of the middle div (i hate IE)

1

Hi i really need your help because i have no idea how to solve this problem. I have a site with 3 basic divs…one on top (navigation), one in the middle (content) and one on the bottom (contact details, etc,…)
The problem is how to convince the middle div to occupy all the space the other 2 divs dont occupy. In FF i just used height:auto and all is well. In IE however not so well… I tried using explicit height in % but didnt work for different resolutions. Also to make things more fun im using gradient image as a background (clients idea).
Check the site and see what i mean: http://bine.homeftp.net/kemont/index.html
How can i convince IE to cooperate??

CSS for my divs:


#top_div{
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:auto !important;
    width:100%;
    height:50px;
    margin:0;
    background-color:#c8c8c8;
    background-image:url(slike/top-bar_bg.png);
    z-index:1;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #000000;
}
MIDDLE DIV:
.ozadje{
    position:absolute;
    left:0;
    right:0;
    top:60px;
    bottom:50px;
    width:auto !important;
    width:100%;
    height:auto !important;
    *height:85%;
    background-color:transparent;
    z-index:0;
    overflow:auto;
}

#bottom-div{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:auto !important;
    width:100%;
    height:50px;
    border-top:thin #000000 solid;
    background-color:#50e74f;
    background-image:url(slike/bottom-div_bg.png);
}

Subquestion: how do i make spaces between <li> in an unordered list? In FF i just used line breaks but IE isnt satisfied with them it seems…

Thanks in advance!