gap between, my left tables and right tables. Options

[maliit_girl]

PLEASE HELP! there is a gap between my left and right tables. like it's my interests, details etc....and then a gap then my about me...etc....what's the problem? or how do you fix it? or what's a code to fix it? HELP!ASAP

[maliit_girl]

<style TYPE="text/css">
body{background-image:url("");
background-attachment:fixed;
background-repeat:repeat;
background-position:bottom left;
background-color:000000;}
body {
background-image:url(http://i16.photobucket.com/albums/b46/staying_small/drawnbg.jpg);
background-attachment:fixed;
.nametext {
font-size:35pt !important;
letter-spacing:-1px !important;
background-color:white;
position:relative;
top:20px;
left:180px;
}
td.text a img {
position:relative;top:-5px;}
.fr td.text a img {position:Relative;top:0px;}
.hide {
display:none;
}
.x {
visibility:hidden;
}
td, tr, table {
height:0px !important;
}
td, span, div, p, a, body, text{
font-family:arial!important;
font-size:8pt !important;
text-transform:lowercase !important;
letter-spacing:px;
line-height:90%;
}
input, textarea {
background-color:white !important;
border-width:1px !important;
border-style:solid !important;
border-color:black !important;
text-transform:none !important;
color:black !important;
}
a {
color:black !important;
text-decoration:none !important;
font-weight:normal !important;
}
table, td {
border:none;
border-width: 1px;
padding: 0px;
text-transform: ;
}

table table table {
border-width:1px !important;
border-style:solid;
border-color:black;
}
table table table table {
border-width:1px !important;
}

}
a:img, a:link img, a:active img, a:visited img, a:hover img {
border-width:1px !important;
margin:2px !important;
}</style>


<style>table {width:700px;}
table table {width:auto;}
table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:250px !important;}

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 a img {width:px !important;}
td.text td.text a img {width:px !important;}
td td td div strong {width:250px !important; display:block;}
</style>


anything wrong?