html - ネストされた div と Dojo データグリッド

Question

いくつかの div とデータグリッドを整理するのに問題があります。スクロール バーが多すぎます。

一部の div/コンテンツ ペインを組み合わせることができると考えるのは間違っていますか?

<div dojoType="dijit.layout.ContentPane" id="rightPane" region="right">
  <div dojoType="dijit.layout.AccordionContainer">
    <div dojoType="dijit.layout.ContentPane" id="DownLinePane" title ="DownLine 
          Reps" selected="true" style="overflow:hidden;">
      <div id="DownLine" style="overflow:hidden; height:100%; width:100%; display:none;">
        <table data-dojo-type="dojox.grid.DataGrid" data-dojo-id="DLgrid" id="DLgrid" 
          sortInfo="3" data-dojo-props="rowsPerPage:'15', rowSelector:'20px'">
          <thead>
            <tr>
              <th field="rep_no" width="60px" height="80px">
              Rep Number
              </th>
              <th field="name" width="110px">
              Name
              </th>
              <th field="gen" width="37px">
              Gen#
              </th>
           </tr>
          </thead>
        </table>
      </div>
      <!-- end of downline div -->
    </div>
    <!-- end of downlinePane div -->
  </div>
  <!-- end of accordion -->
</div>