左右布局高度调整的js代码在firefox下，效果跟IE不同，帮我看看
<script   language= "javascript ">
var   l   =   document.getElementById( "left ").style.height;
var   r   =   document.getElementById( "right ").scrollHeight;
if(l   <   r)
document.getElementById( "left ").style.height   =   document.getElementById( "right ").scrollHeight;+ "px "  
</script>

在网上看到有文章介绍的，只用了下面这句：
document.getElementById( "left ").style.height   =   document.getElementById( "right ").scrollHeight;+ "px "

现在我想让高度取left,right中较大者。
上面的代码在IE下正常，在firefox下，不管左右两部分高度多少，都取右边的高度，怎么回事儿？

另外*.style.height，后面的这些属性应该查那方面的资料，查过一本电子书 <javascript大全> ，里面都没有讲什么版本，反正是没找到相关的资料。

应该看XHTML么？还是CSS?或者是更高版本的js?



------解决方案--------------------
style后接的都是CSS属性
------解决方案--------------------
var l = document.getElementById( "left ").style.height;
var r = document.getElementById( "right ").scrollHeight;
if(l < r)

我不知道r的值是什么（后面带了px吗？），但我肯定l的是带px的，如300px;
那l <r？？这是如何比较呢，字符串比大小？
你可以用alert(l+ " "+r);输出看一下，看它们的值究竟是多少
JavaScript调试的技巧就是多用alert()来输入程序运行过程中的变量的值查检查程序的逻辑的。