4个调用出的内容全堆在一起了,请各位帮忙解决一下.该如何处理

4个调用出的内容全堆在一起了,请各位帮忙解决一下.
问题如下:
当打开页面,由于4个调用信息页面同时给显示在窗口中,造成4个调用出来的信息全部堆在一起了,需要手动点任何一个标签才行.

请各位帮忙解决...要打开以后显示出来的是最新范文的信息.

代码如下:
<div id="tab">
  <h3 class="up" onclick="go_to(1);">最新范文</h3>
  <div class="block">
  <UL>调用最新信息 </UL>
  </div>
  <h3 onclick="go_to(2);">最新论文</h3>
  <div class="block">
  <UL>调用最新信息
</UL>
  </div>
  <h3 onclick="go_to(3);">最新营销</h3>
<div class="block">
  <UL>调用最新信息
</UL>
  </div>
  <h3 onclick="go_to(4);">最新交易</h3>
  <div>
  <UL>调用最新信息
</UL>
  </div>
  <script type="text/javascript">
var h=document.getElementById("tab").getElementsByTagName("h3");
var d=document.getElementById("tab").getElementsByTagName("div");
function go_to(ao){
for(var i=0;i<h.length;i++){
if(ao-1==i){
h[i].className+=" up";
d[i].className+=" block";
}
else {
h[i].className=" ";
d[i].className=" ";

}
}
}
//-->
</script>

------解决方案--------------------
没有啊，我试过了，是分开的 啊，是不是你的浏览器的原因？

最新范文 
调用最新信息 
最新论文 
调用最新信息 
最新营销 
调用最新信息 
最新交易 
调用最新信息
------解决方案--------------------
.block{
position : absolute ;
}
看看你的block样式里是否有position : absolute;去掉它
------解决方案--------------------
解决了