here is a simple solution to creating a table whose headers are fixed
and whose body scrolls. tested with IE6 and firefox 1.0. the results
vary very subtly, but achieve the same operational effect. the example
below shows only the essential and relevant pieces of the puzzle.
<html>
<head>
<style>
div {
overflow:auto;
height:16.8em;
}
thead tr{ /* IE, but not MZ nor NS */
position:relative;
top:expression(document.all['div1'].scrollTop);
}
table>tbody{ /* MZ and NS, but not IE */
height:16.8em;
overflow:auto;
}
</style>
</head>
<body>
<div id=div1>
<table>
<thead><tr><th>...</th></tr></thead>
<tbody><tr><td>...</td></tr></tbody>
</table>
</div>
</body>
</html>
as we know, in IE6 tbody{height} is misapplied to tr. using the
table>tbody hack hides the property from IE which doesn't understand
the selector. meanwhile, the thead tr relative top deflection is
IE-specific and therefore hidden from MZ and NS.
