Top Friends Mess up, works in FF but not in IE that well Options

[themusicworld205...]

it works in "Firefox"
But not that well in "internet explorer"

This What I have in ABOUT ME

CODE

<style>
.cb {wolfreak_99.createblog.com}

.cb {NOTE:edit the numbers below if you wish to chnage the size of the images;}
.friendSpace td.text td td a img {width:100px; height:100px;}

.cb {NOTE:dont edit anything below unless you know what your doing;}
.friendSpace td {padding:0px;}
.friendSpace td.text td br {line-height:0px;}
.friendSpace td.text .orangetext15 {display:none;}
.friendSpace td.text table {background-color:transparent;}
.friendSpace .btext {display:none;}
.friendSpace td.text div {display:none;}
.friendSpace td.text td td a img {border:0px;}
.friendSpace {width:0px !important;}
.friendSpace td td, .friendSpace table table {width:0px; padding:0px;}
.friendSpace td.text td td {vertical-align:bottom;}
.friendSpace td.text td td a {visibility:hidden; font-size:0px; letter-spacing:-1000px;}
.friendSpace td.text td td {line-height:0px;}
.friendSpace td.text td td a img {visibility:visible;}
.friendSpace .ImgOnlineNow {display:none;}
</style>


<style>1143</style>
<style>
.friendSpace table table table table table,.friendSpace table table table table table td, .friendspace .text {visibility:visible; position:absolute; left:50%; margin-left:-500px; top: 850px; _top: 850px; width: 506px; height: 925px; z-index:7; overflow:hidden; padding:0px; display:block;}
</style>

How can i make it Look like FIREFOX???

http://i35.tinypic.com/2crao0h.jpg

* in firefox its in the top of the DIV
* in internet explorer its under