选项卡问题！

点击选项卡切换时，内容不展示出来,我知道应该是这段代码有问题，<div><ul><li>一些测试</li></ul></div>
因为里面又有ul，但是，我做的展示内容那块又需要使用到ul，如何修改那个js呢？<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>简洁Tab</title>
<style type="text/css">
<!--
body,div,ul,li{
 margin:0 auto;
 padding:0;
}
body{
 font:12px "宋体";
 text-align:center;
}
a:link{
 color:#00F;
 text-decoration:none;
}
a:visited {
 color: #00F;
 text-decoration:none;
}
a:hover {
 color: #c00;
 text-decoration:underline;
}
ul{
 list-style:none;
}
.main{
 clear:both;
 padding:8px;
 text-align:center;
}
/*第一种形式*/
#tabs0 {
 width: 800px;
 border: 1px solid #D7E9FC;
 background-color: #fff;
}
.menu0{
 width: 800px;
}
.menu0 li{
 display:block;
 float: left;
 padding: 5px 0;
 width:72px;
 height:29px;
 text-align: center;
 cursor:pointer;
 background: url(img/bg3_2_0807_3.jpg) no-repeat left top;
}
.menu0 li.hover{
 background: url(img/bg1_1_0807.jpg) no-repeat left top;
}
#main0 ul{
 display: none;
}
#main0 ul.block{
 display: block;
}
-->
</style>
<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(m,n){
 var tli=document.getElementById("menu"+m).getElementsByTagName("li");
 var mli=document.getElementById("main"+m).getElementsByTagName("ul");
 for(i=0;i<tli.length;i++){
  tli[i].className=i==n?"hover":"";
  mli[i].style.display=i==n?"block":"none";
 }
}
//-->
</script>
</head>
<body>
<!--第一种形式-->
<div id="tabs0">
 <ul class="menu0" id="menu0">
  <li onclick="setTab(0,0)" class="hover">HTC</li>
  <li onclick="setTab(0,1)">三星</li>
 </ul>
 <div class="main" id="main0">
  <ul class="block"><li><div><ul><li>一些测试</li></ul></div></li></ul>
  <ul><li>评论列表</li></ul>
 </div>
</div>
</body>
</html>