Layout-TABLE background problem Options

[RoyalRiver]

MY MYSPACE: http://www.myspace.com/25922697

If you look at that white/pink diagonal background for the tables. At the top section it don't look right. Look at the two tables: ABBY'S INTERESTS & ABBY'S DETAILS. I want to have that pink horizontal background. I want that horizontal background for the 2 tables: Layout made by nothing_plus_this at CreateBlog.com. & Abby has 1 friends. I hope you guys understand. It's hard to explain.

CODE

table table table td.text div img {visibility:hidden;}
table table table td.text div {
background-color:transparent;
background-repeat:no-repeat;}
table table table td.text table table div img {visibility:visible;}
table table td.text table div,
table table table td.text table div {
background-image:none;}
table table table {width:300px;}
table table td.text table {width:auto;}
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:FAFEE9;
background-image:URL('http://images.cbimg6.com/myspace/32/7963c.jpg');
background-repeat:repeat;
background-position:center center;
border-color: 000000;
border-width:0px;
border-style:solid;
font: normal 0px small fonts;
font-color: FAFEE9;
width:435px; height:100px; display:block !important;}
span.blacktext12 span { display:none; }
span.blacktext12 img {display:none;}
B, STRONG {font: bold 12px georgia; text-transform:none; color: 000000;}
I, EM {font: italic 12px georgia; text-transform:none; color: 000000;}
BODY, P, TD, FONT {font: normal 9px georgia; color:444A41; text-transform:uppercase;}
body, td, li, p, div, textarea, li, h1, h2, p, br, table {font: normal 9px georgia; color:444A41; text-transform:none;}
.text {font: normal 9px georgia; color:444A41; text-transform:uppercase; text-align: justify;}
.blacktext12 {
DISPLAY:NONE;
VISIBILITY:HIDDEN}
.redtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}
.redbtext {font: normal 9px georgia; color:444A41; text-transform:uppercase;}
.orangetext15 {
DISPLAY:NONE;
VISIBILITY:HIDDEN}
.contacttable .whitetext12{display:none;}
.whitetext12 {font: normal 9px georgia; text-transform:uppercase; letter-spacing: 2px; font-style:none; text-align: left; font-color; FFFFFF; background-color: EDB6B0; border: none; display: block; letter-spacing: 2px;}
.btext {font: normal 9px georgia; color:444A41; text-transform:uppercase; text-align: right;}
.lightbluetext8 {font: normal 9px georgia; color:444A41; text-transform:uppercase; text-align: left;}
.blacktext10 {font: normal 12px georgia; text-transform:uppercase; letter-spacing: 1px; text-align: left; font-color:FFFFFF; background-color: EDB6B0; border: none; display: block; letter-spacing: 2px;}
.nametext {font: normal 8px georgia; text-transform:uppercase; font-color: FFFFFF; text-align: right; background-color: EDB6B0; border: none; display: block; visibility:hidden;letter-spacing: 2px; }
TABLE, TD, TR, TH {font: normal 9px georgia; color:444A41; text-transform:uppercase; cursor: default;}
TABLE, TR, TD {border: none; border-color: FFFFFF; background-color: transparent; padding: 0px; margin: auto;}
TABLE {border: none; border-color: none; background-color: transparent; padding: 0px;}
TABLE TABLE {border: none; border-color: none; background-color: transparent; padding: 0px;}
TABLE TABLE TABLE {border-width: 1px; border-style:solid; border-color: A4BEA9; background-image:URL('http://img.photobucket.com/albums/1003/Jchris34232/diagonal20.png'); padding: 0px;}
TABLE TABLE TABLE TABLE {border: none; border-color: 000000;}
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {font: normal 9px georgia; text-transform:uppercase; color: 000000; text-decoration: underline;}
a img {border-color:000000; border-style:solid; border-width:1px;}
a:hover, a.navbar:hover, a.redlink:hover {font: normal 9px georgia; text-transform:uppercase; color: FF96D2; text-decoration: underline; background-color: transparent; cursor: crosshair;} a:hover img {filter:none;}
</style><style type="text/css">.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image: URL('http://img.photobucket.com/albums/1003/Jchris34232/think2pink2.png');
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent; border:0px;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:15px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}</style>
<style>.r{}</style>

[RoyalRiver]

Ok this is what it looks like now: http://www.myspace.com/25922697

Is there any way to have that horizontal background go all the way across the table? Like from one end to the other? Also for the links...is that where I use this code?

CODE

<span class="nameofclass">

My whole purpose for that horizontal thing is to cover up that DIAGONAL background that's all messed up at the top of the tables.