Layout code trouble, i just need some code help Options

[zakurochan]

ok so the thing is i am trying my hand at making my first default layout. i got all the html and coding right but instead of my extended network banner i wanted to add an image instead. so i used this code

CODE

table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://i29.photobucket.com/albums/c295/banana560/z107404280.jpg");
background-repeat:no-repeat;
background-position:center center;
width:435px; height:361px; display:block !important;
font-size:0.0em; letter-spacing:-5px;}
span.blacktext12 span,
span.blacktext12 img {display:none;}

it works and everything but after i hide my blogs there is this huge space i cant seem to take away. so the ending product is this:
how it looks
but this is an example of how i want it to look:
how i want it to look
notice the difference in the space of the network banner to the text? i want to get rid of that space. does any one know a code to fix this? and also how to get rid of the black border on the image as well