wtf ?? is up with myspace, page editing code erro Options

[eveO]

OK im trying to edit a music page

http://www.myspace.com/etherokbars

when i put the code in it looks like this

CODE

<br>
<div class="masthead"><span></span></div>


<style type="text/css">

body {
font-size: 1px;
line-height: 1px;
background-color: FFFFFF;
font-family: verdana, arial, sans-serif;
background-repeat: repeat-y;
background-attachment:fixed;
background-position: top center;
background-image: url(http://img187.imageshack.us/img187/6472/blubackmd4.gif);
}

p {
margin: 0px 0px 1em 0px;
font-family: verdana, sans-serif !important
}

a, a:link, a:visited {
color: 5b5b6d;
text-decoration: none;
}

a:hover {
color: acacac;
text-decoration: none
}

img {
border: none
}

br {
line-height: 20px;
}

form {
border-width: 0px;
background-color:none;
}

input {
background-color:transparent !important
}

body>div {
margin-left: 10px;
}

table, tr, td, table table, table table td {
border-width: 0px;
background-color: transparent;
}

table table table td {
background-color: transparent;
margin: 0px;
padding: 0px 26px 15px 26px
}

table table table table {
border-width: 0px;
background-color: transparent;
padding: 0px;
margin: 0px;
background-image: none;
}

table table table table td {
padding: 0px;
margin:0px;
}

table table table {
margin:0px;
background-color: FFFFFF;
width: 100% !important;
border-width: 1px;
border-style: solid;
border-color: FFFFFF;
}



.masthead {
width: 820px;
height: 480px;
position: absolute;
margin-left: -410px;
left: 50%;
z-index:5;
top: 90px;
background-image: url(http://img529.imageshack.us/img529/9073/malikbancb6.png);

}

body table {
margin-top: 370px;
}

body td table, body div table {
margin-top: 0;
}

font {
color: 5b5b6d;
font-size: 10px
}

a font:hover {
color: acacac;
}

a.navbar:link, a.navbar:visited {
color: 5b5b6d;

}

a.navbar:hover {
color: acacac;

}

table tr td table tr td font {
display: inline;
}

table tr td table a.navbar {
font-size: 10px;
}

.text {
color: 444444;
font-size: 11px
}

a.text:link, a.text:visited {
color: 5b5b6d;
}

a.text:hover {
color: acacac;
}

.nametext {
background-image: url(http://img150.imageshack.us/img150/145/likybanbo0.gif);
background-position: bottom left;
background-repeat: no-repeat;
overflow: hidden;
height: 45px;
width: 165px;
font-size: 0px;
text-align: left;
color: f4f3d8;
padding: 0px 0px 0px 0px;
display: block;
margin: 0px 0px 0px 0px;
border-width: 0px 0px 0px 0px;
border-style: single;
border-color: FFFFFF;
}

.contactTable {
width: 328px !important;
}

.contactTable td {
padding: 0px;
margin: 0px;
text-align: center;
}

.contactTable span.whitetext12 {
position: relative;
left: 10px;
}

.contactTable td table {
background-color: transparent;
background-image: url(http://img139.imageshack.us/img139/361/sixteenhj6.gif);
background-position: center;
background-repeat: no-repeat;
}

.contactTable a {
padding: 0px;
margin: 0px 0px 1px 5px;
display: block;
height: 30px;
width: 136px;
background-color: transparent;
}

.contactTable a img, .contactTable img {
border: 0px;
display: none;
visibility: hidden;
}

table tr td table tr td table tr td div strong {
display: block;
width: 270px;
}

.whitetext12 {
color: acacac;
font-size: 12px;
margin: 0px 0px 4px 0px;
padding: 0px 0px 3px 0px;
text-align: center;
display: block;
font-family: helvetica, arial, sans-serif, georgia;
font-weight: bold;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: FFFFFF;
width: 270px;
}

.blacktext12 {
color: acacac;
font-size: 12px;
font-family: helvetica, arial, sans-serif, georgia;
font-weight: bold;
display: block;
margin-top: 14px;
}

.blacktext12:before {
content: "TEST :: children of soul";
}


.btext {
color: acacac;
font-size: 12px;
margin: 14px 0px 4px 0px;
padding: 0px 0px 3px 0px;
display: block;
font-family: helvetica, arial, sans-serif, georgia;
font-weight: bold;
text-align: center;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: FFFFFF;
}

.orangetext15 {
color: 444444;
font-size: 12px;
margin: 14px 0px 4px 0px;
padding: 0px 0px 3px 0px;
text-align: center;
display: block;
font-family: helvetica, arial, sans-serif, georgia;
font-weight: bold;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: FFFFFF;
width: 372px
}

.lightbluetext8 {
color: acacac;
}

.redtext,.redbtext {
color: acacac;
font-family: helvetica, arial, sans-serif, georgia;
font-size: 12px;
font-weight: bold;
}

a.redlink:link {
color: 5b5b6d;
display: block;
text-align: center;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: FFFFFF;
padding-top: 3px;
}

a.redlink:visited {
color: 5b5b6d;
}

a.redlink:hover {
color: acacac;
}

u {
text-decoration: none;
font-size: 9px;
}

div.videos {
position: absolute;
margin-left: -380px;
left: 50%;
top: 1140px;
width: 324px;
height: 1500px;
padding: 0px;
border: FFFFFF 1px solid;
background-color: cbcbcb;
}

table tr td table tr td.text table tr td.text table tr td table tr td img {
width: 90px !important;
}


</style>


<style type="text/css">

.whitetext12 {
width: auto
}

.contactTable {
width: auto !important;
}

.contactTable span.whitetext12 {
left: 0;
}

.orangetext15 {
width: auto;
}

table table table td {
padding: 0;
}

table table table {
padding: 0 14px 14px 14px;
border-color: FFFFFF;
}

table table table {
max-width: 423px;
}

.nametext {
height: 35px;
width: auto;
}

div.videos {
position: absolute;
margin-left: -380px;
left: 50%;
top: 1140px;
width: 324px;
height: 1500px;
padding: 0px;
border: FFFFFF 1px solid;
background-color: dedfe0;
}

table tr td table tr td.text table tr td.text table tr td table tr td img {
max-width: 250px !important;
width: auto !important;
height: auto !important;
}

</style>


<div style="
position: absolute;
top: 0px;
left: 0px;
padding: 0px;
margin:0px;
">

</div>

<style type="text/css">

.hidethem {
visibility: hidden;
display: none;
}

</style>

then i click preview its fine then when i click submit it shows up like this

CODE

<br>
<d..v class="masthead"><span></span></d..v>


<style type="text/css">

body {
font-s..ze: 1px;
l..ne-he..ght: 1px;
background-color: FFFFFF;
font-fam..ly: verdana, ar..al, sans-ser..f;
background-repeat: repeat-y;
background-attachment:f..xed;
background-pos..t..on: top center;
background-..mage: url(http://..mg187...mageshack.us/..mg187/6472/blubackmd4.g..f);
}

p {
marg..n: 0px 0px 1em 0px;
font-fam..ly: verdana, sans-ser..f !..mportant
}

a, a:l..nk, a:v..s..ted {
color: 5b5b6d;
text-decorat..on: none;
}

a:hover {
color: acacac;
text-decorat..on: none
}

..mg {
border: none
}

br {
l..ne-he..ght: 20px;
}

form {
border-w..dth: 0px;
background-color:none;
}

..nput {
background-color:transparent !..mportant
}

body>d..v {
marg..n-left: 10px;
}

table, tr, td, table table, table table td {
border-w..dth: 0px;
background-color: transparent;
}

table table table td {
background-color: transparent;
marg..n: 0px;
padd..ng: 0px 26px 15px 26px
}

table table table table {
border-w..dth: 0px;
background-color: transparent;
padd..ng: 0px;
marg..n: 0px;
background-..mage: none;
}

table table table table td {
padd..ng: 0px;
marg..n:0px;
}

table table table {
marg..n:0px;
background-color: FFFFFF;
w..dth: 100% !..mportant;
border-w..dth: 1px;
border-style: sol..d;
border-color: FFFFFF;
}



.masthead {
w..dth: 820px;
he..ght: 480px;
pos..t..on: absolute;
marg..n-left: -410px;
left: 50%;
z-..ndex:5;
top: 90px;
background-..mage: url(http://..mg529...mageshack.us/..mg529/9073/mal..kbancb6.png);

}

body table {
marg..n-top: 370px;
}

body td table, body d..v table {
marg..n-top: 0;
}

font {
color: 5b5b6d;
font-s..ze: 10px
}

a font:hover {
color: acacac;
}

a.navbar:l..nk, a.navbar:v..s..ted {
color: 5b5b6d;

}

a.navbar:hover {
color: acacac;

}

table tr td table tr td font {
d..splay: ..nl..ne;
}

table tr td table a.navbar {
font-s..ze: 10px;
}

.text {
color: 444444;
font-s..ze: 11px
}

a.text:l..nk, a.text:v..s..ted {
color: 5b5b6d;
}

a.text:hover {
color: acacac;
}

.nametext {
background-..mage: url(http://..mg150...mageshack.us/..mg150/145/l..kybanbo0.g..f);
background-pos..t..on: bottom left;
background-repeat: no-repeat;
overflow: h..dden;
he..ght: 45px;
w..dth: 165px;
font-s..ze: 0px;
text-al..gn: left;
color: f4f3d8;
padd..ng: 0px 0px 0px 0px;
d..splay: block;
marg..n: 0px 0px 0px 0px;
border-w..dth: 0px 0px 0px 0px;
border-style: s..ngle;
border-color: FFFFFF;
}

.contactTable {
w..dth: 328px !..mportant;
}

.contactTable td {
padd..ng: 0px;
marg..n: 0px;
text-al..gn: center;
}

.contactTable span.wh..tetext12 {
pos..t..on: relat..ve;
left: 10px;
}

.contactTable td table {
background-color: transparent;
background-..mage: url(http://..mg139...mageshack.us/..mg139/361/s..xteenhj6.g..f);
background-pos..t..on: center;
background-repeat: no-repeat;
}

.contactTable a {
padd..ng: 0px;
marg..n: 0px 0px 1px 5px;
d..splay: block;
he..ght: 30px;
w..dth: 136px;
background-color: transparent;
}

.contactTable a ..mg, .contactTable ..mg {
border: 0px;
d..splay: none;
v..s..b..l..ty: h..dden;
}

table tr td table tr td table tr td d..v strong {
d..splay: block;
w..dth: 270px;
}

.wh..tetext12 {
color: acacac;
font-s..ze: 12px;
marg..n: 0px 0px 4px 0px;
padd..ng: 0px 0px 3px 0px;
text-al..gn: center;
d..splay: block;
font-fam..ly: helvet..ca, ar..al, sans-ser..f, georg..a;
font-we..ght: bold;
border-w..dth: 0px 0px 1px 0px;
border-style: sol..d;
border-color: FFFFFF;
w..dth: 270px;
}

.blacktext12 {
color: acacac;
font-s..ze: 12px;
font-fam..ly: helvet..ca, ar..al, sans-ser..f, georg..a;
font-we..ght: bold;
d..splay: block;
marg..n-top: 14px;
}

.blacktext12:before {
content: "TEST :: ch..ldren of soul";
}


.btext {
color: acacac;
font-s..ze: 12px;
marg..n: 14px 0px 4px 0px;
padd..ng: 0px 0px 3px 0px;
d..splay: block;
font-fam..ly: helvet..ca, ar..al, sans-ser..f, georg..a;
font-we..ght: bold;
text-al..gn: center;
border-w..dth: 0px 0px 1px 0px;
border-style: sol..d;
border-color: FFFFFF;
}

.orangetext15 {
color: 444444;
font-s..ze: 12px;
marg..n: 14px 0px 4px 0px;
padd..ng: 0px 0px 3px 0px;
text-al..gn: center;
d..splay: block;
font-fam..ly: helvet..ca, ar..al, sans-ser..f, georg..a;
font-we..ght: bold;
border-w..dth: 0px 0px 1px 0px;
border-style: sol..d;
border-color: FFFFFF;
w..dth: 372px
}

.l..ghtbluetext8 {
color: acacac;
}

.redtext,.redbtext {
color: acacac;
font-fam..ly: helvet..ca, ar..al, sans-ser..f, georg..a;
font-s..ze: 12px;
font-we..ght: bold;
}

a.redl..nk:l..nk {
color: 5b5b6d;
d..splay: block;
text-al..gn: center;
border-w..dth: 1px 0px 0px 0px;
border-style: sol..d;
border-color: FFFFFF;
padd..ng-top: 3px;
}

a.redl..nk:v..s..ted {
color: 5b5b6d;
}

a.redl..nk:hover {
color: acacac;
}

u {
text-decorat..on: none;
font-s..ze: 9px;
}

d..v.v..deos {
pos..t..on: absolute;
marg..n-left: -380px;
left: 50%;
top: 1140px;
w..dth: 324px;
he..ght: 1500px;
padd..ng: 0px;
border: FFFFFF 1px sol..d;
background-color: cbcbcb;
}

table tr td table tr td.text table tr td.text table tr td table tr td ..mg {
w..dth: 90px !..mportant;
}


</style>


<style type="text/css">

.wh..tetext12 {
w..dth: auto
}

.contactTable {
w..dth: auto !..mportant;
}

.contactTable span.wh..tetext12 {
left: 0;
}

.orangetext15 {
w..dth: auto;
}

table table table td {
padd..ng: 0;
}

table table table {
padd..ng: 0 14px 14px 14px;
border-color: FFFFFF;
}

table table table {
max-w..dth: 423px;
}

.nametext {
he..ght: 35px;
w..dth: auto;
}

d..v.v..deos {
pos..t..on: absolute;
marg..n-left: -380px;
left: 50%;
top: 1140px;
w..dth: 324px;
he..ght: 1500px;
padd..ng: 0px;
border: FFFFFF 1px sol..d;
background-color: dedfe0;
}

table tr td table tr td.text table tr td.text table tr td table tr td ..mg {
max-w..dth: 250px !..mportant;
w..dth: auto !..mportant;
he..ght: auto !..mportant;
}

</style>


<d..v style="
pos..t..on: absolute;
top: 0px;
left: 0px;
padd..ng: 0px;
marg..n:0px;
">

</d..v>

<style type="text/css">

.h..dethem {
v..s..b..l..ty: h..dden;
d..splay: none;
}

</style>

Whats up with this?? i tried doing it in safe mode and the regular mode 2 still the same can any one explain ??

[Detective]

That was just a myspace glitch. It should work now. They were filtering the letter "i" because there stupid.