A few issues I'm having., Comment table & large white space. Options

[yukata]

I'm having a few minor issues with my Myspace page, located here.

The biggest problem I have is the fact my comments keep arranging themselves into this nasty, tiny little column. It happens every once in awhile when I start messing with my code and I end up not remembering what I messed with to fix it. Now it hasn't gone away and I can't for the life of me find what will spread it out.

Secondly, I'm just wondering whether or not anyone has any idea how to hide the giant white space at the bottom of the page moving the About Me up creates?

My code is here:

<style type="text/css">

.note {bring the tables up more}
td.text table {position:relative; top: -240px;}
td.text table table {position:static;}

body {
background-image:url(http://paperantix.com/newpapers/cherryblossoms.jpg);
}

.note {hides blog/extended network}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}

table table td img {display:none;}
table table table td img {display:inline;}
table td td {width:0px;}
table {width:560px;}
table { direction: rtl; }
table table {width:auto;}
table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:220px !important; height:0px;}
td.text td a img {width:auto !important;}
table table table { direction: ltr; }
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text td.text a img {width:35px !important;}
td td td div strong {width:200px !important; display:block;}
table, tr, td, li, p, div { font-family:verdana; font-size:8px; }
.btext { font-family:small fonts; font-size:8px;}
.blacktext10 { font-family:verdana; font-size:8px;}
.blacktext12 { font-family:verdana; font-size:8px;}
.lightbluetext8 { font-family:verdana; font-size:8px;}
.orangetext15 { display:none; visibility:hidden; }
.redtext { font-family:verdana; font-size:8px;}
.redbtext { font-family:verdana; font-size:8px;}
.text { font-family:small fonts; font-size:7px; text-transform: uppercase;}
.whitetext12 { font-family:verdana; font-size:8px;}
a:active, a:visited, a:link { font-family:verdana; font-size:8px;}
a:hover { font-family:verdana; font-size:8px;}
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:verdana; font-size:8px;}
a.navbar:hover { font-family:verdana; font-size:8px;}
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:verdana; font-size:8px;}
a.redlink:hover { font-family:verdana; font-size:8px;}
.nametext { font-family:georgia; font-size:30px;}
embed, object {display:block; width:220px; height:38px;}

A:link { text-decoration: none;
color: white;
font-family: small fonts; }

.contactTable {display:none!important; border:0px !important;}

div table td font {display: none;}

td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;} td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;} td.text td.text table table td {padding:0;} td.text td.text table table br {display:inline;}

</div>
.hidethem {visibility:hidden; display:none;}

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;}
body div table td form img{display:none!important;}

.note{hides bottom links and such}
table tr td div font {display: none;}

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}
</style>

Thank you.

[tokyo-rose]

Oh. Then maybe it's this:

CODE

td td td div strong {width:200px !important; display:block;}

If it's not, sorry I couldn't help.