Comment box doesn't work in IE. Options

[n-murray]

My comment box on my Createblog profile works in Firefox but is smaller and doesn't work in Internet Explorer, can someone help me work in both browsers? Thanks! ♥

CODE

<style type="text/css">
#profile div#stats{display:none !important;}
#profile div#splash{display:none !important;}
#profile div#bestfriends {display:none!important;}
#profile div#aboutme {display:none !important;}
#profile div#contactme {display:none!important;}
#profile div#links{display:none!important;}
#profile div#recententries {display:none!important;}
#profile div#favorites {display:none !important;}
#profile div#submissions {display:none !important;}
#profile div#skills {display:none !important;}
#profile div#recentphotos{display:none !important;}
#profile div#comments{visiblity: visible;}

#comments form { width:500px; height:85px;
position:absolute; overflow:auto; top:116px;
left:50%; margin-left:-372px; }

#comments h2 { display: none; }

.comment_body, .comment_img, #comments .hr, #comments .smaller , #comments p
{display: none;}

textarea, input{background-color: ; font-family:small fonts; font-size:7px; text-transform:uppercase; font-color: c1c1c1; border-width: 0px; border-color: #ffffff; font-weight:normal;}

input {
width:490px; height: 19px;
}

body { cursor:crosshair; }

a, a:link {
color:15b2e0;
text-decoration:none;
}

a:hover {
color: #ffce81;
text-decoration:overline;
cursor:all-scroll;
}

#cover {background:white; width:180px; height:30px;
position:absolute; overflow:auto; top:20px;
left:50%; margin-left:310px;}

#info {
font-family: Gill Sans MT; font-size: 16px; color:#c1c1c1;
background-color:transparent; border:0px solid;
border-color:none; width:450px; height:75px;
position:absolute; overflow:auto; top:116px;
left:50%; margin-left:-478px;
}

#link {

font-family: small fonts; text-transform:uppercase; font-size: 8px; color:#c1c1c1;
background-color:transparent; border:0px solid;
border-color:none; width:958px; height:20px;
position:absolute; overflow:auto; top:40px;
left:50%; margin-left:-333px;
}

#profile div#footer{display:none !important;}
#profile div#comments{visibilty: visible;}
#headhoncho{position: absolute; left: 50%; margin-left: -30px; top: 0%; margin-top: 10px; width: 300px; height: 500px;}
#profile div#comments{position: absolute; left: 50%; margin-left: 150px; top: 0%; margin-top; 0px; width: 400px; height: 600px;}

</style>
<div style="top:115px; left:50%; margin-left:-480px; position:absolute;">
<img src="http://i301.photobucket.com/albums/nn69/noehawaii/createblog/simple/main.png">
</div>

<div id="link">
<a href="http://www.createblog.com/home">My Account</a> | <a href="http://www.createblog.com/login.php?logout">Logout</a> | <a href="http://n-murray.createblog.com/layouts/">layouts</a> | <a href="http://n-murray.createblog.com/graphics/">graphics</a> | <a href="http://n-murray.createblog.com/photos/">photos</a> | <a href="http://n-murray.createblog.com/friends/">friends</a> | <a href="http://n-murray.createblog.com/friends/add...ache=1192663004">+ me</a> | <a href="http://n-murray.createblog.com">N-Murray Creations</a> | <a href="http://edelihu.deviantart.com/art/Party-Brushes-104996229">Brushes</a> | <a href="http://axeraider70.deviantart.com/art/Winter-Breeze-Brushes-44617350">Brushes</a>
</div>

<div id="info">
<center><a href="http://www.myspace.com/nmurraycrtns">MYSPACE</a></center>
Hey! I'm 13 years old, and I make div overlay layouts for myspace and createblog.
</div>

<div id="cover"></div>