MySpace changing my links to .. Options

[worldradiostar]

Hey, wtf. I'm trying to get my layout working, and I'm having a heck of a time. I originally tried to use an image map, but myspace doesn't like those, so I went with a core image and linked image buttons. Now it is changing my whole layout to ".." and my image tags to the same in my source. WTF, mate?

If someone could check my code and lemme know what's going, what I'm doing wrong, or if myspace just hates me, I would be very thankful.

CODE

<style type="text/css">
body {
background-color: 000000;
background-image: url();
background-repeat: repeat;
background-position: top left;
background-attatchment: fixed; }







body, td, li, p, div, li, p, br {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: bold;
text-decoration: none;
text-transform: none!important;}

textarea {
color: 000000;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none!important;}

h1 {
color: FFFFFF;
font-size: 10pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: bold;
text-decoration: none;
text-transform: none;}

h2 {
color: FFFFFF;
font-size: 12pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: bold;
text-decoration: none;
text-transform: none;}

.text {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: bold;
text-decoration: none;
text-transform: none!important;}

.blacktext10 {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none; }

.blacktext12 {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none!important; }

.btext {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none!important; }

.whitetext12 {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none!important; }

a:link {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: normal;
text-decoration: none;
text-transform: none!important; }

a:visited {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: normal;
text-decoration: none;
text-transform: none!important;}

A:hover {
color: CCCCCC;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: normal;
text-decoration: none;
text-transform: lowercase; }

tr {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none!important; }

table.blue_border,
tr.blue_border, td.blue_border,
table.red_border,
tr.red_border, td.red_border,
table.black_border,
tr.black_border, td.black_border
{ border: solid PX white; }

.redtext, {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: uppercase; }

.redbtext,{
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: uppercase; }

.lightbluetext8 {
color: FFFFFF;
font-size: 8pt;
font-family: Arial;
line-height: 10px;
letter-spacing: px;
font-weight: none;
text-decoration: none;
text-transform: none!important; }

a.navbar {
color: ;
font-size: 8pt;
font-family: Verdana;
line-height: 10px;
letter-spacing:px
font-weight: normal!important;
text-decoration: none;
text-transform: none; }
a.navbar:link {color:"49BCD9";}
a.navbar:active {color:"49BCD9";}
a.navbar:visited {color:"49BCD9";}
a.navbar:hover {
color: FFFFFF;
font-size: 8pt;
font-family: Verdana;
line-height: 10px;
letter-spacing: px;
font-weight: normal!important;
text-decoration: none;
text-transform: none; }

a.redlink:link {color:"49BCD9";}
a.redlink:active {color:"49BCD9";}
a.redlink:visited {color:"49BCD9";}
a.redlink:hover {color:"FFFFFF";
color: ;
font-size: 10pt;
font-family: Verdana;
line-height: 10px;
letter-spacing:px
font-weight: none;
text-decoration: none;
text-transform: lowercase;}
</style>

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
body div table td form img{display:none!important;}
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;}
body table td div form {display:none !important;}
div table div div select {position:absolute !important; top:-200px !important; left:0px !important; }</style>







<div style="position: absolute; overflow:auto; left: 140px; top: 140px; width: 892px; height: 1237px; background-color: transparent;">

<div style="position: absolute; overflow:none; left: 400px; top: 448px; width: 116px; height: 25px; background-color: transparent;"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=178978492" TITLE="view pix!!!"><img src="http://i261.photobucket.com/albums/ii58/moderndayroyalty/viewpics.jpg" border="0"></a></div>

<div style="position: absolute; overflow:none; left: 525px; top: 448px; width: 70px; height: 25px; background-color: transparent;"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=178978492"><img src="http://i261.photobucket.com/albums/ii58/moderndayroyalty/add.jpg" border="0"></a></div>

<div style="position: absolute; overflow:none; left: 610px; top: 448px; width: 108px; height: 28px; background-color: transparent;"><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=178978492"><img src="http://i261.photobucket.com/albums/ii58/moderndayroyalty/message.jpg" border="0"></a>
</div>

<div style="position: absolute; overflow:none; left: 729px; top: 448px; width: 87px; height: 28px; background-color: transparent;"><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=178978492"><img src="http://i261.photobucket.com/albums/ii58/moderndayroyalty/blog.jpg" border="0"></a>
</div>

<IMG SRC="http://i261.photobucket.com/albums/ii58/moderndayroyalty/overlay.jpg" BORDER="0"></div>

<div style="position: absolute; overflow:auto; left: 173px; top: 955px; width: 325px; height: 265px; background-color: transparent;">
test<br><br>

testy testy testi testicles
</div>

<div style="position: absolute; overflow:auto; left: 525px; top: 630px; width: 475px; height: 710px; background-color: transparent;">
put stuff here.
</div>

PS, my music player is hidden, and I'm unsure as to how to un-hide it. And the ad banner is hidden too. I know I'm asking a lot, but any help is appreciated, even if it's a push in the right direction.

Thanks!

[heyo-captain-jac...]

None of your code hid my regular music player, so I don't know what to do about that. It could be because it's a music profile, or it could just be your z-indexes are out of whack.

CODE

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
body div table td form img{display:none!important;}
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;}
body table td div form {display:none !important;}
div table div div select {position:absolute !important; top:-200px !important; left:0px !important; }</style>

That should bring back your advertisement. Replace the second CSS code with that.

Reason for edit: Edited with codebox tags. - Cristy