请教:一个展开隐藏层效果, 想让它兼容FF和IE6

<html>
<head>
<style type="text/css">
#container { 
width: 194px; 
margin-left:3px; 
background:#FFF; 
z-index:100; 
position:absolute; 
} 
#container a{ 
position:relative; 
width:99.9%; 
} 
#box { 
display: none; 
border:#7BBAE5 solid 1px; 
border-top-width:0; 
width: 174; 
height:1px; 
overflow:hidden; 
filter:alpha(opacity=2); 
-moz-opacity:0.02;
} 
</style>
</head>
<body>
<a href="#" id="tabTop" onFocus="this.blur();" onMouseOver="javascript:voids('box');" onMouseOut="javascript:voids('box');">展开</a> 
<div id="container"> 
<div id="box"> 
fsdafsdafsdafasdfsdafsdafsdfsdafsdafsdafas 
</div> 
</div> <script type="text/javascript">
var timer = 10;   //计时器时钟 
var HeightEnd=400;//Div高度 
var aNum = 20;   //步进速度 
var isOpen = false;//层状态 打开还是关闭 默认关闭 
function $(name){return document.getElementById(name);} 
function voids() { 
setTimeout("extend()",66); 
} 
// 展开/关闭 
$("box").style.MozOpacity = 0.02;
function extend(){ 
var tHeight = parseInt(gs($("box"),"height")); 
//tHeight = $("box").offsetHeight;
document.title = tHeight;
if(!isOpen){ 
   $("box").style.display="block"; 
   if (tHeight <HeightEnd){ 
    $("box").style.height=(tHeight+aNum)+"px"; 
    if(document.all)
$("box").filters.alpha.opacity+=3;
else
$("box").style.MozOpacity += 0.1; 
    setTimeout("extend()",timer); 
   }else{ 
    isOpen=true; //打开状态 
    $("tabTop").innerHTML = "关闭"; 
    if(document.all)
$("box").filters.alpha.opacity=100; 
else
$("box").style.MozOpacity = 1.0;
   } 
}else{ 
   if((tHeight-aNum)>0){ 
    $("box").style.height=(tHeight-aNum)+"px"; 
    if(document.all)
$("box").filters.alpha.opacity-=5; 
else 
$("box").style.MozOpacity -= 0.05;
    setTimeout("extend()",timer); 
   }else{ 
    isOpen=false; //关闭状态 
    $("box").style.display="none"; 
    $("tabTop").innerHTML = "展开"; 
    if(document.all)
$("box").filters.alpha.opacity=2; 
else
$("box").style.MozOpacity = 0.02;
   } 
} 
} function gs(d,a){ 
if (d.currentStyle){  
    var curVal=d.currentStyle[a] 
}else{  
    var curVal=document.defaultView.getComputedStyle(d, null)[a] 
}  
return curVal; 
}
</script> 
</body>
</html>