Freddy: min-height funktioniert nicht ;(

Beitrag lesen

Hallo,
ich hab alles tausendmal ausprobiert und finde keine Lösung.

Eigentlich wollte ich meine geschachtelten divs im IE und in anderen Browsern auf "mindestens Fensterhöhe" stellen. So fand ich hier im Forum heraus, dass min-height für alle Browser funktioniert, man aber per hack o.ä. für den IE height nehmen muss. So weit, so gut.

Nun klappt alles, nur nicht min-height. Egal, wo ich min-height in meine styles schreibe, kein Browser setzt diese um!

Mein html-Aufbau:

<body>
<div id="contentcenter">
  <div id="oben"></div>
  <div id="main">
    <table>
      <tr>
        <td id="content"></td>
      </tr>
    </table>
  </div>
  <div id="unten"></div>
</div>
</body>

Meine styles:

html, body {
 margin:0;
 padding:0;
 height:100%;
 width:100%;
}

#contentcenter {
 position: absolute;
 width: 96%;
 min-height:90%;
 left: 2%;
}

#oben {
 position: relative;
 top: 20px;
 padding: 5px;
}

#main {
 position: relative;
 width: 97.5%;
 min-height:85%;
 top: 35px;
 padding: 10px;
 margin-bottom: 50px;
}

#unten {
 position: relative;
 bottom: 0px;
}

Warum funktioniert das so nicht?

Gruß
Freddy