tab选项面板在ie下正常，在firefox下不正常的最简单解决办法

这个tab选项面板在ie下正常，在firefox下不正常，听人说是因为left.style.display="none";
right.style.display="none";只可以操纵行内CSS样式，而ie却都可以操作，请问要怎么改
<style type="text/css">
<!--
#left {
padding: 10px;
width: 200px;
border: 1px solid #0066FF;
background-color: #99FF66;
clear: both;
}
li {

float: left;
margin-right: 3px;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border: 1px solid #0099CC;
border-bottom:0;
list-style-type: none;
}
a {font-size: 14px;
color: #993333;
text-decoration: none;
background-color: #CCCCCC;
}
a:hover {
color: #0066FF;
background-color: #CC9999;
}
#right {
display: none;
padding: 10px;
width: 200px;
border: 1px dashed #CC3333;
clear: both;
}
ul {
margin: 0px;
padding: 0px;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
function disp(obj)
{
left.style.display="none";
right.style.display="none";
obj.style.display="block";
}
</script></head><body><br /><ul>
<li onmouseover="disp(left)"><a href="#">体育新闻</a></li>
<li onmouseover="disp(right)"><a href="#">娱乐新闻</a></li>
</ul>
<div id="left">
·<a href="#">本课程主要特色</a>&nbsp;<BR>
      ·<a href="#">课程地位</a>&nbsp;&nbsp;<BR>
      ·<a href="http://59.51.24.41:8000/ec/c1/zwpj-3.htm">目前还存在的不足</a><BR />
      &nbsp;
</div>
<div id="right">
·<a href="http://59.51.24.41:8000/ec/c1/zwpj-1.htm">教学方法和教学手段</a>&nbsp;<BR>
      ·<a href="http://59.51.24.41:8000/ec/c1/zwpj-2.htm">课程的历史</a>&nbsp;&nbsp;<BR>
      ·<a href="http://59.51.24.41:8000/ec/c1/zwpj-3.htm">目前还存在的优势</a><BR />
      &nbsp;
</div>

解决方案 »

  1.   

    ff3下看上去是正常的，只有警告
    类似left.style 改成 document.getElementBuId("left").style
      

  2.   

    难得HOOKEE出现失误...
    document.getElementById("left").styleIE可以直接用ID作为控件名直接获取控件.
    但是火狐不支持.
      

  3.   

    不是啊，ff3下鼠标滑动无法实现tab面板，ie下可以，
    这是我在课件中找到的原因：“但是，style对象用来读取样式时，只能获取在HTML标
    签的Style属性中定义的CSS样式。当css样式是在<style>标
    签中定义或在外部的.css文件定义时，无法使用style对象获
    取某个元素的Css样式。”
    有谁知道用最简单的方法改吗