Two objects in a cell confuses scrollbar

Suite and Optimus Suite 5
#1

I have placed two objects in a layout cell (cell “b” of a “2E” pattern): one is a Combo, the other is a Tree.
The Combo determines which Tree will be displayed. Therefore, I want the two objects put closely on top
of each other, without the additional space/separator introduced by a new multicell layout object.
The Combo is attached to the cell first, then the Tree is appended. The two objects appear vertically stacked.
However, when the tree is large so that a vertical scroll bar appears, the last (bottom) part of the tree is not
being displayed, not even when the scroll bar is put at its extreme position. The vertical space taken by the
Combo on top is taken away from the bottom of the Tree.
Any suggestions how I can fix this?

<div id="layoutdiv2" style="position:relative;width:100%;height:100%;overflow: auto;"></div>

and

combo = new dhtmlXCombo({ parent: "layoutdiv2", width: "300px" });
layout1.cells( "b" ).attachObject( "layoutdiv2" );
// ... initialise Combo.

tree = new dhtmlXTreeObject( "layoutdiv2", "100%", "100%", -1 );
//  ... initialise tree
layout1.cells( "b" ).appendObject( "layoutdiv2" );
#2

Please, try to use an additional layout with the separate cell for each object.
Refer to the following code:

[code]myLayout = new dhtmlXLayoutObject({
parent: “layoutObj”,
pattern: “3L”
});
innerLayout = myLayout.cells(“a”).attachLayout({
pattern: “2E”
})
//next two lines allow to remove the space between the layout cells
innerLayout.conf.sw = 0;
innerLayout.conf.ofs = { t:-5, b:0, r:0, l:0 };
innerLayout.cells(“a”).hideHeader();
innerLayout.cells(“a”).setHeight(30);
innerLayout.cells(“a”).fixSize(true, true);
innerLayout.cells(“b”).hideHeader();

myCombo = new dhtmlXCombo({ parent: “layoutdiv2”, width: “280px” });
myCombo.load(“data2.json”);
innerLayout.cells(“a”).appendObject(“layoutdiv2”);

myTree=innerLayout.cells(“b”).attachTree()
myTree.setImagePath(“codebase/imgs/dhxtree_material/”);
myTree.load(‘data.php’);[/code]