Inner scroll bar on layout cell

Given the following code snippet:

<div id="parentId" style="position: relative; top: 10px; left: 0px; width: 950px; height: 700px; aborder: #B5CDE4 1px solid;"></div> ... function doOnLoad() { dhxLayout = new dhtmlXLayoutObject("parentId", "2U"); dhxLayout.cells("a").setText("Site Navigation"); dhxLayout.cells("b").setText("Context Details"); dhxLayout.cells("b").showInnerScroll(); ... dhxLayout.cells("b").attachURL("test.php?tid="+uid,true);
If test.php returns html page longer than the cell then how do you turn on scroll bar for layout cell? BTW this page contains CSS to create fluid multi-column with header and footer using overflow auto and hidden.

layout doesn’t support showInnerScroll. This method can be called only for tabbar.
The content of the layout cell should have overflow (“test.php?tid=”+uid):


Thank you.

However, the scroll bar is partially hidden under the edge of the layout (Firefox 3.6) and when viewed in IE6 the whole layout is offset way to the right with severe truncation.

I do suspect that I have some CSS that is creating an offset (by half the width of the scroll bar) as it places a white margin down the left side.

For layout cells is there a way to set the background colour or image?

Please provide the complete demo (with html file instead of “test.php?tid=”+uid) to recreate the problem.