asp.net - ajax アコーディオンに合わせて div の高さを増やす

Question

Webページに次のレイアウトがあります

    <asp:panel id="overview_pnl">
      <asp:panel id="top_row" CssClass="overviewRows">
        <ajaxToolKit:Accordion>
           <Panes>
              <AccordionPane id="pane1">

                  <header> ... </header>
                  <content> <div id="detail" class="details"> </div> </content>          

              </AccordionPane>
          </Panes>
        </ajaxToolKit:Accordion>
      </asp:panel >
      <asp:panel id="middle_row">
         ... same as top row ...
      </asp:panel >

      <asp:panel id="bottom_row">

      </asp:panel >

  </asp:panel >

CSS

.overviewRows { width:508px; vertical-align:top; display:inline-block; float:left;  }
.details {
    margin: 0 2px;
    padding: 10px 5px;
    width: 154px;
    border: 1px #CCC solid;
    border-top: none;
    display: block;
    font-size: 12px;
    text-align: left;
} 

ID「top_row」のdivの高さをペイン全体に合わせて拡張し、中央と下部のdivを押し下げて、コンテンツがオーバーフローしないようにします。

css で試してみoverflowましたが、思い通りに動作しませんでした。アコーディオンが展開される前に高さのスクロールバーが表示され、データを表示するにはスクロールする必要がありました。すべてを押し下げたいだけですが、その方法がわかりません。