[jQuery] change parent div height after child

[will]

Hi. I have the following layout.

.panel
{
    position:relative;
    width:580px;
    height: auto;
    /*overflow: auto;*/
    padding: 4px;
}

.panelContent
{
    position:absolute;
    top:18px;
    left:0px;
    width:580px;
    background-color:GrayText;
}

.rptViewer
{
    clear: both;
    text-align:center;
    /*height: 95%;*/
    width: 95%;
    margin: auto;
}

<div class="panel">
          <div class="panelHdr">&nbsp;&nbsp;Expense Categories
          </div>
          <div class="panelContent">
                 <div class="rptViewer">
                  <br />
                      <rsweb:ReportViewer ID="ReportViewer1" >...
                  </div>
           </div>
</div>

The parent (class="panelContent") div contains a child element that is
generated/rendered last. This makes the child element #ReportViewer1
overlap the parent (class="rptViewer").

Can I jQuerytize the parent div to adjust it's size after the child
renders so it is contained/displayed in the parent?

Thanks