music player not working with DIV layout Options

[ahmazingx3amanda]

[i put this in the wrong section before !]


i have a DIV layout for my myspace, and on moxilla firefox, the music player works fine. but on internet explorer it won't work. could anyone please tell me what the problem is ?? thanks !

URL:
www.myspace.com/ahmazingx3amanda
my codes:

CODE

</td></tr></table></td></tr></table></td></tr></table></div>

<style>
body {background-color:FF9933; background-image:url("http://i249.photobucket.com/albums/gg201/yourafaggot/plaid.gif"); background-repeat:repeat; background-position:center center; background-attachment:fixed;}
td, .text, div, input {color:000000 !important;}
a {color:FF9933 !important;} img {border:0px;}
table, tr, td {background:transparent; border:0px;}
img, .contactTable { display:none; }
.hot-lytsmaincontainer img, .comt img { display:inline; }
table div, td td td, table div div { visibility:hidden; }
font, a, .hot-lytsdotcom a { visibility:hidden; }
marquee { visibility:visible !important; }
.bbzComment { You selected to hide comments. }
.bbzsc { display:none; }
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
table table, table table td {padding:0px; height:0px;}

.div0 {
background-color:ffffff; color:000000;
border:0px solid; border-color:000000;
width:800px; height:160px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-400px; margin-top:150px; text-align:center;
visibility:visible;}

.div1 {
background-color:ffffff; color:000000;
border:0px solid; border-color:000000;
width:250px; height:510px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-400px; margin-top:330px; text-align:center;
visibility:visible;}

.div2 {
background-color:ffffff; color:000000;
border:0px solid; border-color:000000;
width:530px; height:250px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-130px; margin-top:330px; text-align:center;
visibility:visible;}

.div3 {
background-color:ffffff; color:000000;
border:0px solid; border-color:000000;
width:530px; height:250px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-130px; margin-top:590px; text-align:center;
visibility:visible;}
marquee { z-index:8; }
table div, span, td td td, table div div { visibility:hidden !important; }
.hot-lytsmaincontainer div, .hot-lytsmaincontainer div font, .hot-lytsmaincontainer div a, .hot-lytsmaincontainer div div, .hot-lytsmaincontainer font a, .hot-lytsmaincontainer span, .hot-lytsmaincontainer div table a, .hot-lytsmaincontainer div table img, .hot-lytsmaincontainer div table font, .hot-lytsmaincontainer div table, .hot-lytsmaincontainer div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}

.navigationBar{display:none;}
.profileInfo td td {visibility:hidden;}
.profileInfo td td.text {visibility:visible;}
.profileInfo td.text a img {visibility:visible;}
.friendsComments .ImgOnlineNow, .profileInfo td.text div img {visibility:visible;}
.hot-lytsDivGen {content:"Overlay Generator beta";}
</style>
<div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>

Reason for edit: Please use [codebox] tags when posting codes. - Mike

[ahmazingx3amanda]

mmkay...i made it look like this...

CODE

<style>
div object {position:absolute; height:126px; width:300px;}
div object {top:860px; left:50%; margin-left:-170px;}
div object {_top:0%; _margin-top:-382px; _margin-left:-169px;}
</style>

but its still not showing up anywhere in IE. && in firefox its still doing the weird youtube video thing ??