layout coding issues Options

[urbanychic]

hey guys

i made this layout that i love (with contact table) and i've put it all in the code, and it just isn't looking right. the contact table isn't aligned properly so that when you put your mouse over it, its not a link. The lettering over the tables are too small and too close together. I thought I was adjusting the right one, but apparently I wasn't. The tables are large, and I'd like it to be more justified. Can anyone help? I'm just at wits end!

CODE

<style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:1d828b;
background-image:url('http://img.photobucket.com/albums/v687/urbanychic/bkgnd.png');
background-attachment:fixed;
background-repeat: no-repeat;
background-position:bottom left;
}
table table { border: 0px }
table table table table{border:0px}
table, td{
background-color:transparent;
}
table table table{ background-color:1d828b; border-color:FFFFFF; border-style:solid; border-width:1px;
}
table table table table{ background-image:none;
}
table table table table, table table table td{ border-style:none;  
}
table table td.text table, table table td.text table td {width:auto;}
.mygen { Text Properties }
table, tr, td, li, p, div { font-family:tahoma; color:1d828b; line-height:10px      }
.btext { font-family:tahoma; color:666666; font-weight:normal}
.blacktext10 { font-family:tahoma; color:666666; font-size: 15px; letter-spacing:-2pt; text-align: center; line-height: 27px; font-weight:normal; display:block;}
.blacktext12 { font-family:tahoma; color:666666; line-height:10px}
.lightbluetext8 { font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; text-transform:uppercase}
.orangetext15 { font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; line-height:10px; text-transform:uppercase}
.redtext { font-family:small fonts; fony-size:7px; color:666666; line-height:10px; font-weight:normal}
.redbtext { font-family:tahoma; color:FFFFFF; font-size:11px; line-height:10px}
.text { font-family:tahoma; color:666666;line-height:10px}
.whitetext12 { font-family:tahoma; color:FFFFFF; font-size: 15px; letter-spacing:10pt; text-align: center; line-height: 15px; font-weight:normal; display:block; background-color:666666; visibility:visible;border-bottom:dashed 1px; border-color:FFFFFF;text-align:center;text-transform:lowercase}      
a:active, a:visited, a:link { font-family:small fonts; font-size:7px; color:FFFFFF; font-weight:normal; text-decoration:none; text-transform:uppercase}
a:hover { font-family:small fonts; font-size:7px; color:FFFFFF; font-weight:normal; border-color:FFFFFF; text-transform:uppercase}
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:small fonts; color:FFFFFF; text-decoration:none}
a.navbar:hover { font-family:small fonts; color:FFFFFF; text-transform:uppercase; border-color:FFFFFF}
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:small fonts; font-size:7px; color:666666; font-weight:normal; text-decoration:none}
a.redlink:hover { font-family:small fonts; font-size:7px; color:FFFFFF; font-weight:normal; border-color:FFFFFF}
.nametext { font-family:tahoma; color:tahoma; font-size: 15px; letter-spacing:10pt; text-align: center; line-height: 15px; font-weight:normal; display:block; background-color:666666; visibility:visible;border-bottom:dashed 1px; border-color:FFFFFF;text-align:center;text-transform:lowercase;}
b, strong { font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; line-height:10px; text-transform:uppercase}
i, em {font-family:small fonts; color:666666; font-size:7px; line-height:10px; font-weight:normal; line-height:10px; text-transform:uppercase;}
</style>

<style type="text/css">
.contactTable {
width:300px !important; height:200px !important; padding:0px !important;
background-image:url("http://img.photobucket.com/albums/v687/urbanychic/contact.png");
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.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:30px; width:150px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
</style>

you can message me on here, aim (urbanychic83) or on myspace (urbanychic) if you can help me. i so appreciate it! thank you muchly

[*StanleyThePanda*]

I put the code in my tester myspace, and everything looks fine.
Maybe you could explain more what kind of problem you are having, or take a screenshot of the problem?