I came across this little problem whilst working on someone else's problem, and had not seen it before as I usually don't use this structure. Some Googling and forum searching only seemed to turn up similar questions and no answers...

Consider this simple page :
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>absolute scrollbax test</title>
<style type="text/css">
<!--
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	overflow: hidden;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
p {
	margin: 1em 0;
}
#scrollbox {
	position: absolute;
	top: 200px;
	right: 5px;
	bottom: 30px;
	left: 200px;
	overflow: auto;
	border: 1px solid black;
	padding: 10px;
}
-->
</style>
</head>

<body>
<div id="scrollbox">
  <p>The top of this box is 200px from screen top, left of box is 200px from screen left, right of box is 5px from screen right, and bottom of box is 30px from screen bottom. A scrollbar appears if the screen is resized small enough.</p>
  <p>Of course, this does NOT work in IE6 .....................</p>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse  ultricies lectus sit amet nisl. Curabitur eros. Pellentesque habitant  morbi tristique senectus et netus et malesuada fames ac turpis egestas.  Fusce arcu. In egestas urna a tellus. Praesent arcu. Class aptent  taciti sociosqu ad litora torquent per conubia nostra, per inceptos  hymenaeos. Duis ut mi. Cras lacinia. Cras sit amet felis id velit  luctus blandit. Cum sociis natoque penatibus et magnis dis parturient  montes, nascetur ridiculus mus. Ut sollicitudin. Nunc vitae neque.</p>
  <p>Donec in magna. Suspendisse potenti. Proin elementum mattis sapien.  Cras purus lacus, ultrices eu, auctor ac, lacinia nec, orci. Donec  elementum nunc ac quam. Nulla facilisi. Duis varius mauris id est.  Curabitur porta mi eu odio. Nam a mi. Aenean pulvinar malesuada lectus.  Nulla consequat.</p>
  <p>Vestibulum in augue. Phasellus libero nisi, vestibulum nec, semper sit  amet, semper nec, quam. Cras blandit, tellus a luctus consequat, tellus  turpis sollicitudin nisl, et ultrices lacus eros sit amet ante. Integer  venenatis congue velit. Mauris arcu. Quisque et magna. Quisque id  lorem. Quisque congue tempus dui. Phasellus a ante. Etiam porttitor.</p>
  <p>Donec nulla orci, accumsan et, gravida id, pharetra a, justo. Donec ac  orci. Vestibulum vitae magna non nisi ultrices sollicitudin. Nullam  rhoncus vulputate tellus. Sed justo. Proin dapibus molestie tortor.  Mauris elementum, diam ut porttitor condimentum, nunc quam consequat  libero, a dictum enim nisl in ipsum. Maecenas sagittis, lacus in  molestie lobortis, elit lorem consectetuer odio, vel nonummy enim enim  ac augue. Proin varius urna vel mi. Phasellus et ante.</p>
</div>
</body>
</html>
This works fine in Firefox and IE7, and places and sizes an absolutely positioned div using only the top, right, bottom, and left parameters on a 100% height page. However, IE6 completely ignores the bottom parameter, and will not stretch the div, nor will it restrict the height when the window is resized.

As I said, some trawling around the net has failed to find a solution - anyone here know how make this work (or emulate it) in IE6 ?

Thanks
Graeme