怎样让iframe随下滑菜单自适应改变高度

做了个下滑菜单，为了屏蔽ie6里下拉框等透出浮动层问题，在菜单下滑时同时放其下层了一个iframe（无src），
现在下滑菜单的高度由原来的“固定高度”改成了“根据菜单内容的多少，变化高度。”现在这个起遮挡作用的iframe也得实现根据菜单内容变化高度，即跟滑动层的高度一样，怎么实现？

滑动菜单代码如下：zg_Iframe就是这个iframe
// 点击菜单滑动下拉，焦点不在下滑界面自动回收
  $(document).ready(function () {
  var delayTime = "" ;
  $("#AOPTopMenu>ul>li").hover(function () {
  var _self = $(this).children(".SecondMenuBar");
  delayTime= setTimeout(function () {
  $(_self).slideDown(200)
  $("#zg_Iframe").css('display', 'block');
  }, 600);
  $(this).removeClass("bgColor");
  $(this).addClass("SelectbgColor");
  }, function () {
  clearTimeout(delayTime);
  $(this).children(".SecondMenuBar").slideUp();
  $("#zg_Iframe").css('display', 'none');
  $(this).removeClass("SelectbgColor");
  $(this).addClass("bgColor");
  })
  })




iframe位置：

<div class='containDiv'>
  <div id='AOPTopMenu' class='TopMenuBar'><ul>这里是查出得菜单内容，循环查出</ul></div>
<iframe id='zg_Iframe' name='zg_Iframe' class='maskIframe'></iframe></div>

参考