一个div里套两个div，一左一右，左边的div宽度固定，高度要根据内容自动延长，并且底部不能有多余的空白。右边的div要与左边的div高度始终保持相同（要显示背景色），左边div高度延长，右边div高度也自动延长且与左边的一致。css 应该怎么写？
ps：要求兼容firefox和ie。
页面布局如下：
<div id=main>
<div id=left></div>
<div id=right></div>
</div>
实现代码如下：<div id=main>
<div id=left></div>
<div id=right></div>
<script type=text/javascript>
document.getelementbyid(right).style.height = document.getelementbyid(left).offsetheight + px;
</script>
</div>