Another music player problem.. Options

[djsclaus]

So the new music player has screwed up my profile.. was wondering if I could get some help on how to fix this error I'm getting.

I'll post a link, because it's hard to describe what's going on.
http://profile.myspace.com/index.cfm?fusea...iendid=28196502
*If you can't see it, a pic of it is here:

click to enlarge

See how the player is going to the right and screwing up the layout? I'm sure there's some sort of padding somewhere in the CSS that I'm overlooking, but maybe you guys could help me fix it so it's centered and there it's supposed to be? Thanks!

I'll post all the CSS coding I have on my site:

CODE

<style>
.profileinfo, .contactTable, .userProfileURL, div[id="mini"], .interestsAndDetails, .userProfileDetail {position:relative; left:-90px;}
</style>

<style>
.extendedNetwork, .latestBlogEntry, .blurbs, .friendSpace, .friendsComments {position:relative; left:-0px;}
</style>

<style>

div.profileWidth div ul li a {color: 3A6A74 !important;}

div.profileWidth div ul li a:hover, div.profileWidth div ul li .open {color: 3A6A74 !important;}

div.profileWidth table td ul small {color: 3A6A74 !important;}
</style>

<style>
.latestBlogEntry {display: none;}
</style>

<style>
ul li a.open:hover, ul li a.open small, ul li a:hover {background-color:7D8484!important;}
</style>

<style>.profile select {display:none !important;}</style>

<style>.profile form {display:none !important;}</style>



<style>.orangetext15{DISPLAY:NONE;VISIBILITY:HIDDEN;}</style><b style="position:absolute;left:0;top:0">

<style>
.friendSpace {display:none;}
</style>

<style>
.ImgOnlineNow{display:none;}
</style>

<style>
body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}</style>

<style>table div div select {display:none;}</style>

<style>
.a {hide top search bar}
div div select, div div form {display:none !important;}
</style>


<style>.lightbluetext8 {display:none;}
table table table table td {width:0px;}
.contactTable td, table table td.text table td,
table table table table table td {width:auto;}</style>


<style>.contactTable {display:none!important; border:0px !important;}</style>


<style>
.userProfileURL {display:none;}
</style>

<style>.note {bring the tables up more}
td.text table {position:relative; top: -11px;}
td.text table table {position:static;}</style>




<style>
body div table td form img{display:none!important;}
</style>

<style>
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
</style>

<style>
.mygen { Created using MyGen 2.5 - www.mygen.co.uk }

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-image:url(http://img.photobucket.com/albums/v222/dj_s_claus/bigbackground.gif);
background-position:top center;

}

.mygen { Text Properties }
table, tr, td, li, p, div { font-family:tahoma; color:000000; font-size:9px; }
.btext { font-family:tahoma; color:000000; font-size:9px; }
.blacktext10 { font-family:tahoma; color:000000; font-size:9px; }
.blacktext12 { font-family:tahoma; color:000000; font-size:9px; }
.lightbluetext8 { font-family:tahoma; color:000000; font-size:9px; }
.orangetext15 { font-family:tahoma; color:000000; font-size:9px; }
.redtext { font-family:tahoma; color:000000; font-size:9px; }
.redbtext { font-family:tahoma; color:000000; font-size:9px; }
.text { font-family:tahoma; color:000000; font-size:9px; }
.whitetext12 { font-family:tahoma; color:000000; font-size:9px; }
a:active, a:visited, a:link { font-family:tahoma; color:3A6A74; font-size:9px; }
a:hover { font-family:tahoma; color:3A6A74; font-size:9px; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:tahoma; color:3A6A74; font-size:9px; }
a.navbar:hover { font-family:tahoma; color:3A6A74; font-size:9px; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:tahoma; color:3A6A74; font-size:9px; }
a.redlink:hover { font-family:tahoma; color:3A6A74; font-size:9px; }
.nametext { font-family:tahoma; color:000000; font-size:12px; }
</style>

<style>
.contactTable {display:none;}
table table td img {display:none;}
table table table td img {display:inline;}
table td td {width:0px;}


table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:260px !important; height:0px;}

td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:180px !important;}
td.text td.text a img {width:80px !important;}
td td td div strong {width:170px !important; display:block;}

.orangetext15, .blacktext10 {
display:block; width:175px; !important;}

</style>

Reason for edit: Edited with codebox and thumb tags. - Cristy

[djsclaus]

deleting that piece of code didn't do anything

[djsclaus]

I just figured out a quick solution that will fix the problem enough

Just used CSS to position the player to the left more, but I had to sacrifice the size (the width is kind of smaller and looks more crushed than i'd like)

[Mickey]

Since you found a solution, topic closed & moved.