Zwei DIV-Zeilen oben variabel unten fix bzw. min-height

[mgutt]

Hi,

ich habe hier einen Chat gebastelt, wo das untere DIV eine min-height haben soll:
http://www.maxrev.de/chat.htm

Nun ist es wohl so, dass min-height nicht greift, weil das obere DIV mit seiner Prozentangabe "mehr Rechte" besitzt. Hier das Stylesheet:

Code: Alles auswählen

html, body {
   height:100%;
   overflow:hidden;
}
html, body, div {
   margin:0;
   padding:0;
}
div#left {
   width:80%;
   height:85%;
   float:left;
   overflow:auto;
}
div#right {
   width:20%;
   height:85%;
   float:right;
   overflow:auto;
}
div#bottom {
   border-top:1px solid black;
   clear:both;
   width:100%;
   height:15%;
   min-height:60px;
}

Sinn soll sein, dass man das Fenster variabel vergrößeren / verkleinern kann, ohne das der Input-Bereich verdeckt wird.

Eine fixe height geht genauso wenig wie eine min-height.

In CSS3 könnte man height-Angaben mit Additionen bzw. Subtraktionen erweitern, aber in CSS2 fällt mir aktuell keine Lösung ein. Jemand eine Idee?

Gruß