JavaScript实现两个DIV等高布局及IE/Firefox兼容问题

JavaScript实现DIV等高布局及兼容性问题

为了控制两个DIV元素保持高度一致，我在网页底部使用了以下JavaScript代码。

<script type="text/javascript">
var mainCon=document.getElementById("sidebar-right").scrollHeight
var sidebar=document.getElementById("center").scrollHeight
layoutHeight=Math.max(mainCon,sidebar)
document.getElementById("sidebar-right").style.height=layoutHeight+"px"
document.getElementById("center").style.height=layoutHeight+"px"
</script>

该方案在IE浏览器中运行正常，但在Firefox浏览器中，每次访问都需要刷新一次页面才能自动拉伸高度。是否有更好的方法可以解决这一问题？