Hello.

Now before some says... why not just use frames... I've a consistent layout
for a site but on one page, the traditional left hand nav is huge. Sooo, I
thought a DIV with the attribute style="overflow:auto;" might do the trick.

However the layout is within a table that has 'style="height:100%;"'... so my
question is how do I get a DIV tag to expand only as far vertically as the TD
cell that surrounds it? Without expanding the table beyond the current screen
height?

Below is a rough example, if you reduce the window size, you'll see the
content (in a div coloured yellow) forces the table to expand beyond the
browser window and a main scrollbar appears... ideally though I'd like the
scrollbar to appear next to the list only.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1" />




<title>Manders Hifi Admin - CombinedStyle</title>
<style>
body{
background-color:#526B75;
margin:0;
padding:0;
FONT-FAMILY: arial, helvetica, geneva, verdana, sans-serif;
FONT-SIZE: 12px;
FONT-WEIGHT: normal;}

table.holdall{
width:100%;
height:100%;
padding:16px;
border:none;}

html, body{width:100%; height:100%;}
</style>

</head>

<body>

<table class="holdall" cellpadding="0" cellspacing="0" border="1">
<tr>
<td width="100"><div style="height:100%; background-color:#ffff00;">Hullo
Hello Hiya Hi Bonjour Ola Hullo Hello Hiya Hi Bonjour Ola Hullo Hello Hiya Hi
Bonjour Ola Hullo Hello Hiya Hi Bonjour Ola Hullo Hello Hiya Hi Bonjour Ola
Hullo Hello Hiya Hi Bonjour Ola Hullo Hello Hiya Hi Bonjour Ola Hullo Hello
Hiya Hi Bonjour Ola</div></td>
<td>Another Cell of mystery and wonder</td>
</tr>
</table>

</body>
</html>