I honestly can't say why; but I find that overflow:scroll/auto only works reliably on fixed size div elements. It works ok on 'bounded' size divs (with max and min height) in Firefox 2 and Opera 9, but not in Internet Explorer 6.
Change your HTML so that the cell with the scrollable list has a div between the cell and the data, and apply the size and overflow CSS settings to the div rather than the table cell:
<td id="content-containertable" class="override">
<div>
[lots of lines]...<br/>...
</div>
</td>#content-containertable.override{
width:150px;
border-color:Silver;
border-style:Double;
background-color:Lime;
}
#content-containertable.override div{
height:200px;
overflow:scroll;
}Try with a fixed-height div first, especially if you might be targetting IE6 users. Also, try overflow:auto instead of overflow: scroll; it's nicer because the scrollbars only appear when neccessary.
As said, I honestly have no firm evidence that it categorically doesn't work on table cells; indeed, overflow:hidden seems to work on fixed width table cells to hide superflous content. However, oveflow:scroll has never worked for me on table cells, even when the height of the table cell is fixed.
Maybe it works on other elements aswell as divs, but I haven't experimented that much.
