dynamisk højde på <div>

jeg har følgende kode som virker, men er det muligt at lave det med dynamisk højde på?
<div id="adg_box" style="visibility: hidden;">
  <div id="adg_bg_1"></div>
  <div id="adg_bg"></div>
  <div id="adg_pic">
    <img src="images/ikon_ingen_adgang.gif" alt="Ingen adgang" width="29" height="27" border="0">
  </div>
  <div id="adg_tekst">
    <table cellspacing="0" cellpadding="0" border="0">
      <tr>
        <td valign="top" width="400">
          <p>
            <strong>Du har ikke fuld adgang til dette område</strong>
            <br>Du har ikke adgang til området, hvor virksomhedens fælles indstillinger kan redigeres. Er dette en fejl, kan følgende personer ændre opsætningen af din brugerprofil:<br><br>
          </p>
        </td>
        <td style="text-align: right; vertical-align: bottom;">
          <span style="text-align: right; text-decoration: underline; cursor: pointer;" onclick="vis_tekst();">luk</span>
        </td>
      </tr>
    </table>
  </div>
</div>

Tilhørende CSS:
#adg_box {
  position: absolute;
  top: 320px;
  left: 400px;
  z-index: 2;
  visibility: hidden;
  border: 1px solid black;
  width: 500px;
  height: 150px;  <-- Den her der skal ændres så den tilpasser sig længden af adg_tekst
  text-align: center;
}

#adg_bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 10%;
  height: 100%;
  background-color: #FFF;
  filter: alpha(opacity=100); /* IE */
}

#adg_bg_1 {
  position: absolute;
  left: 10%;
  top: 0px;
  width: 90%;
  height: 100%;
  background-color: #FFF;
  filter:alpha(opacity=80); /* IE */
}

#adg_pic {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 10%;
  height: 100%;
}

#adg_tekst {
  position: absolute;
  left: 10%;
  top: 0px;
  width: 90%;
  height: 100%;
  overflow: auto;
}