Covering Extended Network with a Picture, Issues with covering extended network Options

[deadendgirl]

I have used several different codes I have found on here to cover the "xxxx is in your extended network" with a picture. Everyone that uses those codes they provide, the picture actually covers the words. Yet when I try and use the code, it never does, instead the words appear on top of the picture. I'm at a lost for why it doesn't cover the words. I thought maybe it was the size, but several of the free layouts provided on this website use pictures bigger than mine in that area and don't seem to have any trouble at all with covering up the words. I'm hoping maybe someone can shed a little light as to why it doesn't work because I'm at my wits end and going to go nuts lol. I use the following code:
<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:black;
background-image:url("url for the graphic goes here");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:200px; height:291px; display:block !important; }
span.blacktext12 img {display:none;}
</style>

And yes I know to put a url where it says to. I asked one person and they actually asked if I had put in a url haha. Anyways, here's the link to my profile so you can see what I mean about the words appearing on top of the picture:
My Myspace

Thanks to any who provide help because I'm about to go nuts.

[lovescream]

Uh, I think the size can only increase in height; not width. The width could only stay the same.. i think. o_O
Hm. And I think you need to change 0px to 0pt. ;x

[deadendgirl]

Uh, I think the size can only increase in height; not width. The width could only stay the same.. i think. o_O
Hm. And I think you need to change 0px to 0pt. ;x

I tried doing that and it doesn't seem to work. It made the words "xxx is in your extended network" move up a little, but there still there. I wish coding was easier lol, instead of being one big headache.

[x lpfreak x]

<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:black;
background-image:url("url for the graphic goes here");
background-repeat:no-repeat;
background-position:center center;
font-size:0pt; letter-spacing:-0.5px;
display:block !important; }
span.blacktext12 img {display:none;}
</style>


i took out
"width= 200px; height 291px;"
and changed
"font size:0px;" to "font-size:0pt;"

it worked for me.

[deadendgirl]

I swear to god my myspace defies all reason and code lol. When I put your code in, not only did it chop the banner down to reallyyyyy small, it crammed it with the words "xxxx is in your extended network". I don't get how this code works for everyone else but me! I mean its like my myspace either hates me or that code because it just refuses to cover up those words. It couldn't be that another part of the code in my myspace might conflict with it though? I have 2 other codes, but since I'm horrible when it comes to coding I can't really figure out how to combine it all together. If someone is willing, I can add them on AIM and see if they can chat and I can show them my code and they can show me whats wrong and how to change it. Thanks for all who have given me help, I really do appreciate it.

[dorkster]

this might work, since the class for the extended network words is blacktext12, therefore try putting

display:none; along with your span.blacktext12