Basic Myspace CSS Code Questions Options

[cherry_starr]

Here is a link to my Profile.

And here is my code:

CODE

<style>td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}</style>

<style>
div table.navigationBar table {
margin-bottom:464px;}
div table.navigationBar {
background-image: url(http://i36.photobucket.com/albums/e5/smayzes/topcopy.jpg) !important;
background-repeat: no-repeat !important;
background-position:  bottom center  !important;
width:800px !important}
div table.navigationBar td {
background-color:transparent !important}
div table.navigationBar table td {
background-color:ececec !important}
</style>

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

table {width:430px;}
table table {width:auto;}
table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:390px !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:100px !important;}
td.text td.text a img {width:35px !important;}
td td td div strong {width:390px !important; display:block;}

embed, object {display:block; width:390px; height:38px;}
.orangetext15, .blacktext10 {
display:block; width:390px; font-size:6pt !important;}
td.text td.text .orangetext15,
td.text td.text table table div {display:none;}</style>

<style>
body {
background-color: ececec;
background-image: url('http://i36.photobucket.com/albums/e5/smayzes/bg.jpg');
background-attachment:scroll;
background-repeat: repeat;
background-position:center;
}

font, body, table, td, div, h1, h2, br, a, p {font-family:arial; font-size:10; color:a3a3a3; background-color:transparent; text-decoration:none;}

.orangetext15 {font-family:; font-size:arial; color:dfa213; text-decoration:none; font-weight:normal; font-size:10;}

a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active {font-family:times new roman; font-size:14; color:01c9c7; background-color:transparent;text-transform:lowercase; text-decoration:none; font-weight:none; letter-spacing:-1px;}

a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited {font-family:times new roman; font-size:14; color:01c9c7; background-color:transparent;text-transform:lowercase; text-decoration:none; font-weight:none; letter-spacing:-1px;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:times new roman; font-size:14; color:a30166; background-color:transparent;text-transform:lowercase; text-decoration:none; font-weight:none; letter-spacing:-1px;}
</style>

I was wondering how I would remove the borders on the comments and such? Also, I don't get why the flat background colour wont show up as I have put it in =\

Lastly was wondering if there is a way to shrink the comments down so that they fit in as well?

Much appreciated!

[cherry_starr]

Oops yeah i completely forgot about the code in the heroes section, my mistake!!

Heroes

CODE

<style>.r{}</style>
<style>.r{}</style>
</td></tr></table>
</td></tr></table><br>
<table><tr><td>
<div class="off">
<table><tr><td><table><tr><td>
<style>.r{}</style>
<style>.r{}</style>

I changed the padding to 0 and used the # like you suggested. Neither worked, but adding a border:0 seemed to get rid of the borders. I just need to figure out how to stop the comments from being to wide now. And yes i do have a background image, but I thought that the areas not covered by the image would show the colour that i input? Maybe im mistaken

Also wondering if there is a different code for making the width of the layout smaller, because this one has made it impossible for me to change font size for some reason (probably scaling it down to fit or something).