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.

[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.