js类的问题

Question

js代码：
function myF(){
this.div=document.createElement("div");
this.div.style.position="absolute";
this.div.style.width="100px";
this.div.style.height="100px";
this.div.style.backgroundColor="#cccccc";
this.div.style.border="1px solid #f30";
this.div.style.visibility="hide";
this.div.style.left="20px;";
this.div.style.top="20px";

}
myF.prototype.show=function(){
document.body.appendChild(this.div);
this.div.style.display="block";
}
myF.prototype.hide=function(){
var self=this;
self.show();
}
myF.myf=new myF();
myF.hide=function(){myF.myf.hide()}html代码:
<p id="prograph"  onclick="myF.hide()">点我啊</p>在FF、opera、safara中都可以执行，都是在IE中不行，在IE中报错“Object doesn't support this property or methord”
请高手帮忙解答下

Answer 1

IE
中好像不支持this.div.style.visibility="hide";
另外：this.div.style.left="20px;";中不要与分号

Answer 2

this.div.style.visibility="visible";<p id="prograph" onclick="myF.hide()">点我啊</p>
<script>
function myF(){
this.div=document.createElement("div");
this.div.style.position="absolute";
this.div.style.width="100px";
this.div.style.height="100px";
this.div.style.backgroundColor="#cccccc";
this.div.style.border="1px solid #f30";
this.div.style.visibility="visible";
this.div.style.left="20px";
this.div.style.top="20px";}
myF.prototype.show=function(){
document.body.appendChild(this.div);
this.div.style.display="block";
}
myF.prototype.hide=function(){
var self=this;
self.show();
}
myF.myf=new myF();
myF.hide=function(){myF.myf.hide()}
</script>