请教一个div高度自适应的问题！
我有一个页面，左边用iframe调用一个菜单页面，右边用iframe调用内容页面，有没有大虾知道怎样用css或者用js实现当右边的iframe调用的页面的高度不断变化时，左边的树形菜单的高度也跟着适应变化，且外面包含它们的高度也跟着适应变化，而且要考虑浏览器的兼容性！能否举个例子，把源码传上来！
程序代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www. type="text/javascript">
function reinitIframe2(){
var iframe2 = document.getElementById("frame_content2");
try{
iframe2.height =document.documentElement.scrollHeight;
}catch (ex){}
}
window.setInterval("reinitIframe2()", 200);
</script>
</head>
<body>
<table border-collapse="collapse">
<tr>
<td><iframe id="frame_content2" src="http://www. scrolling="no" frameborder="0" width="300px"></iframe></td>
<td><iframe id="frame_content3" src="http://www. scrolling="no" frameborder="0" width="600px" onload="this.height=document.documentElement.scrollHeight"></iframe></td>
</tr>
</table>
</body>
</html>实际测试的时候，你把网站改成你自己的页面文件！
