Det IE som har problemt her den kan ikke regne højden ud når man blander faktisk højde med procent. IE's fortolkning af 100% af resthøjden bliver til 100% højde plus den faktiske højde. Så jeg tror det vil være nemmere for dig at styre højden med javascript.
Eksemple. Fungere fint i FF men ikke i IE, og skulle gerne afspejle det som du forsøger at lave.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
html, body {
height: 98%;
}
body {
margin: 0;
padding: 0;
background: lightblue;
}
.main {
width: 800px;
height: 100%;
margin: 0 auto;
border: 1px solid black;
background: red;
border-collapse: collapse;
}
.top {
background: lightgreen;
height: 140px;
}
.content {
height: 100%;
}
-->
</style>
</head>
<body>
<table class="main">
<tr><td class="top">top</td></tr>
<tr><td class="content">content</td></tr>
</table>
</body>
</html>