下面的程序在ff中能运行，但在IE中就运行不了，有谁知道原因吗？在此求教了。
我是想做一个好像电脑上那任务栏的那种效果，无论点击出多少个文件，都只显示在一行中，每个文件的长度根据任务栏的总长度自动缩短，但做到这里就没头绪了。没什么分了，只能给30了， <!--题外话：请问下这里的分除了回复别人问题得到分数，还有什么得分途径啊？我。。。新来的。。。--> 望高手赐教，谢谢！
<html>
<head>
<title> </title>
<style type= "text/css ">
#div0{
background-color:red;
width:500px;
height:60px;
position:absolute;
overflow:hidden;
}
.div1{
background-color:green;
height:25px;
position:relative;
margin:1px;
float:left;
}
</style>
<script type= "text/javascript ">
var oHtml= " ";
var i=0;
function showDiv(){
i++;
oHtml=oHtml+ " <div class= 'div1 ' style= 'width:48px ';> </div> ";
var oP=document.getElementsByTagName( "p ");
oP[0].innerHTML=oHtml;
}
</script>
</head>
<body>
<div id= "div0 " style= "width:500px; ">
<p> </p>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<input type= "button " id= "btn1 " value= "showDiv " onclick= "showDiv() ">
</body>
</html>
------解决方案--------------------
把 <p> </p> 改成div再加个id值，div好像不能加在p里