contact table., the links are off-centered? Options

[think!IMAGINARIL...]

ok, so i basically spent a few hours making my new contact table and when i insert it into myspace, it the links are just not where they're supposed to be.

[my myspace]

(the code i used.)
<style>
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url(http://i2.photobucket.com/albums/y14/x31aine/b198d9de.png);
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
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:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {display:none;}
</style>

if you highlight the contact table, you would see that the grey-ish boxes not directly on the text.

do i have to redo my contact table or is there some way to fix this problem?