大侠们帮忙看一下DIV问题

做一个鼠标经过，切换不同页面内容。但内容多了，就直接撑开了，外表的表格高度不能随内容的增加而高度跟着增加。这样内容就把网站foot给盖掉了！

我不懂DIV有知道的兄弟给你讲解一下解决办法！


<table width="720" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td align="left" valign="top">
                     
                                      <!--产品介绍-->
<div id="div1" style="position:absolute;width:720px; height:150px; visibility: visible; z-index: 1000; ">   
<table width="720" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="76" height="30" align="center" valign="middle" background="images/leftbj7.jpg"><a href="#" class="tt8" target="_parent">产品介绍</a></td>
    <td width="76" height="30" align="center" valign="middle" onMouseOver="MM_showHideLayers('div1','','hide','div2','','show','div3','','hide')"><a href="#" target="_parent" class="tt8">服务承诺</a></td>
    <td width="76" height="30" align="center" valign="middle" onMouseOver="MM_showHideLayers('div1','','hide','div2','','hide','div3','','show')"><a href="#" target="_parent" class="tt8">订货流程</a></td>
    <td width="492" align="center" valign="middle"></td>
  </tr>
  <tr>
    <td height="1" colspan="4" align="left" valign="top" bgcolor="#E8E8E8"></td>
  </tr>
  <tr>
    <td colspan="4" align="left" valign="top" style="padding:10px; font-size:12px; color:#3E3E3E; line-height:22px;"><%= rs("content") %></td></tr>
</table>
</div>

                <!--服务承诺-->
<div id="div2" style="position:absolute;width:720px; height:150px;clear:both; visibility: hidden; z-index: 1000; ">   
<table width="720" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="76" height="30" align="center" valign="middle" onMouseOver="MM_showHideLayers('div1','','show','div2','','hide','div3','','hide')"><a href="#" target="_parent" class="tt8">产品介绍</a></td>
    <td width="76" height="30" align="center" valign="middle" background="images/leftbj7.jpg"><a href="#" target="_parent" class="tt8">服务承诺</a></td>
    <td width="76" height="30" align="center" valign="middle" onMouseOver="MM_showHideLayers('div1','','hide','div2','','hide','div3','','show')"><a href="#" target="_parent" class="tt8">订货流程</a></td>
    <td width="492" align="center" valign="middle"></td>
  </tr>
  <tr>
    <td height="1" colspan="4" align="left" valign="top" bgcolor="#E8E8E8"></td>
  </tr>
  <tr>
    <td colspan="4" align="left" valign="top" style="padding:10px; font-size:12px; #3E3E3E; line-height:22px;"><%
        bb=rs("from")
    bb=replace(bb,chr(13),"<br>")
    dd=replace(bb,"&nbsp;","　")
    response.write bb
      
      
     %></td>
  </tr>
</table>
</div>

                <!--订货流程-->
<div id="div3" style="position:absolute;width:720px; height:150px;clear:both; visibility: hidden; z-index: 1000; ">   
<table width="720" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="76" height="30" align="center" valign="middle" onMouseOver="MM_showHideLayers('div1','','show','div2','','hide','div3','','hide')"><a href="#" target="_parent" class="tt8">产品介绍</a></td>
    <td width="76" height="30" align="center" valign="middle" onMouseOver="MM_showHideLayers('div1','','hide','div2','','show','div3','','hide')"><a href="#" target="_parent" class="tt8">服务承诺</a></td>
    <td width="76" height="30" align="center" valign="middle" background="images/leftbj7.jpg"><a href="#" target="_parent" class="tt8">订货流程</a></td>
    <td width="492" align="center" valign="middle"></td>
  </tr>
  <tr>
    <td height="1" colspan="4" align="left" valign="top" bgcolor="#E8E8E8"></td>
  </tr>
  <tr>
    <td colspan="4" align="left" valign="top"style="padding:10px; font-size:12px; #3E3E3E; line-height:22px;"><%
        bb=rs("dh")
    bb=replace(bb,chr(13),"<br>")
    dd=replace(bb,"&nbsp;","　")
    response.write bb
      
     %>

    </td>
  </tr>
</table>
</div>