网页动态标签设计求助

这段代码相实现多个标签，按下某一个时他的颜色与其他的不一样。
大家看看有什么错误？
此代码在IE上没有效果，在火狐上正确执行。<html>
<head>
<title>Web</title>
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<style type="text/css">
.nocheck{
width:100;
height:28;
color:#000000;
cursor:pointer;
background-color:#eeeeee;
}
.checked{
width:100;
height:28;
color:#000000;
cursor:pointer;
background-color:#00ff00;
}
</style>
<script language=javascript>
function switchTab(obj,order,page){
fgoto(page);
// var ttab = document.getElementById(obj).getElementsByTagName("td");
var ttab = document.getElementsByName("subtab");
for(i=0;i<ttab.length;i++){
// ttab[i].class = (i==order?"checked":"nocheck");
if(i==order){
ttab[i].setAttribute("style","background-color:#00ff00");
//ttab[i].setAttribute("className","checked");
}
else{
ttab[i].setAttribute("style","background-color:#cccccc");
//ttab[i].setAttribute("className","nocheck");
}
}
}
function fgoto(page){
parent.video_view.location.href = page;
}
</script>
</head><body leftmargin="3" topmargin="0">
<table>
<tr><div id="maintab">
<td class="nocheck" name="tabname" align="center" cellpadding="0" cellspacing="0"><div class="nocheck" name="subtab" onclick="switchTab('tab',0,'audio.htm');">Channel 0</div></td>
<td class="nocheck" name="tabname" align="center" cellpadding="0" cellspacing="0"><div class="nocheck" name="subtab" onclick="switchTab('tab',1,'video.htm');">Channel 1</div></td>
<td class="nocheck" name="tabname" align="center" cellpadding="0" cellspacing="0"><div class="nocheck" name="subtab" onclick="switchTab('tab',2,'audio.htm');">Channel 2</div></td>
<td class="nocheck" name="tabname" align="center" cellpadding="0" cellspacing="0"><div class="nocheck" name="subtab" onclick="switchTab('tab',3,'video.htm');">Channel 3</div></td>
</div></tr>
</table>
</body>
</html>