Accordion inside a scrolling DIV not scrolling

Suite and Optimus Suite 5
#1

I have an Accordion inside a scrolling DIV that works fine in Firefox but does not work in IE7. I did not try other browsers. We have a requirement for Firefox 3.5 and IE7.

Here is my code:

css style is:
.scroll_result { overflow: auto; height: 270px; width: 100%; }

<div class="scroll_result">
       <div id="accordObj2" style="width:690px; height: 310px;">
        	<div id="objId3">Grid goes here.</div>
             <div id="objId4">Grid goes here.</div>
             <div id="objId5">Grid goes here.</div>
             <div id="objId6">Grid goes here.</div>
             <div id="objId7">Grid goes here.</div>
             <div id="objId8">Grid goes here.</div>
        </div>
</div>

<script>
dhxAccord1 = new dhtmlXAccordion("accordObj1");
dhxAccord1.addItem("a1", "My List");
dhxAccord1.addItem("a2", "Perform Query");
dhxAccord1.openItem("a1");
dhxAccord1.cells("a1").attachObject("objId1");
dhxAccord1.cells("a2").attachObject("objId2");
dhxAccord1.setEffect(true);

dhxAccord2 = new dhtmlXAccordion("accordObj2");
dhxAccord2.addItem("a3", "Category");
dhxAccord2.addItem("a4", "Brand Name");
dhxAccord2.addItem("a5", "Manufacturer");
dhxAccord2.addItem("a6", "Private Label/Manufacturing");
dhxAccord2.addItem("a7", "UPC Code");
dhxAccord2.addItem("a8", "UPC Description");
dhxAccord2.openItem("");
dhxAccord2.cells("a3").attachObject("objId3");
dhxAccord2.cells("a4").attachObject("objId4");
dhxAccord2.cells("a5").attachObject("objId5");
dhxAccord2.cells("a6").attachObject("objId6");
dhxAccord2.cells("a7").attachObject("objId7");
dhxAccord2.cells("a8").attachObject("objId8");
dhxAccord2.setEffect(true);

</script>

Any help at this point is greatly appreciated. Please let me know what I need to fix this issue.

#2

Try to set relative position for the scrolling div:

.scroll_result { overflow: auto; height: 270px; width: 100%;position:relative }

#3

I tried that and no it doesn’t work in Firefox or IE7. I do not get a scrollbar or the accordion containers. There must be another solution.

I actually have it in a DHTMLX Tab. I wonder if that is the problem.

Your thoughts.
Craig

#4

Please provide the complete sample where we can recreate the problem.