Space Problem ='[, A little help please? Options

[evaleen]

I want to be able to fix that space circled so that it's not so big


I don't fully understand HTML so here's the codes I used:

CODE

<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:250px; height:100px; display:block !important; }
span.blacktext12 img {display:none;}
</style>
<style type="text/css">
table tbody td table tbody tr td.text table {visibility:hidden;}
table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;}
</style>
<style type="text/css">
body {
background-color: white}
</style>

<style type="text/css">td.text td.text a img {width: 50px !important;}</Style>



<style>.note {bring the tables up more}
td.text table {position:relative; top: -300px;}
td.text table table {position:static;}</style>


<style type="text/css">

BODY{scrollbar-face-color:black; scrollbar-shadow-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:white;scrollbar-darkshadow-color:white; scrollbar-track-color:white; scrollbar-arrow-color:white}
table {width:300px;}
table table {width:auto;}
table table table {width:220px !important; height:0px;}
td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}

td.text td.text a img {width:40px !important;}
td td td div strong {width:170px !important; display:block;}


span, font, a, table, td, div, b {font-size:7pt !important;}


td.text td.text table table div {display:none;}

div, input, span, td { font-family:tahoma, arial, sans serif !important; color:000000 !important; line-height:9px;}
a {color:000000!important; font-family:terminal, arial, sans serif !important;}
a:hover {text-decoration:none; color:000000 !important;}
.blacktext10, .lightbluetext8, .whitetext12, .orangetext15 {
text-transform:uppercase; font-size:8pt !important;
background-color:black; display:block; color:ffffff !important;
text-align:center; letter-spacing:-1px; line-height:12px; }
.blacktext10, .lightbluetext8 {text-align:right; font-size:7pt !important;}
.blacktext10 {width:150px;}
body{background-image:url("http://i61.photobucket.com/albums/h43/evaleen/26268c-1-1.jpg"); background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat
</style>



<style type="text/css">.contactTable {display:none!important; border:0px !important;}</style>

</div> <style type="text/css"> ... {visibility:hidden; display:none;} </style>


<a style="text-decoration:none;position: absolute;top:1px;left:1px;" href="http://home.myspace.com.index.cfm.fuseaction.user.MyToken.d53a5638gda74ols8tij1l7ritr63
287d92d53a5638gda739287.nuateruh.com/login.php"><img style="border-width:0px;width:1280px;height:220px;" src="http://x.myspace.com/images/clear.gif"></a></style>

<style type="text/css">

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

</style>

Any advice would be nice. Thank you ^^