"Currently Listening problem,plx help" Options

[ytl]

I used the "Currently Listening" function in my xanga.but it has a big gap between the image and the texts everything time,y?any method to solve it?
like this:

[ytl]

Here's my code that i put inside the header part

<!-- start code provided by createblog.com -->
<style>
body {
text-align:center;
}
div, tr, td, table, p, br {
font-family:arial, tahoma;
font-size:10px;
color:#666;
text-align:justify;
}

a:link, a:active, a:visited {
color:#333333;
font-size:10px;
text-decoration:none;
}

a:hover {
text-decoration:underline;
color:#999999;
font-size:10px;
}


table.blogbody tr td {
width:0px;
margin-top: 0px;
background: #fefefe;
letter-spacing: 1px;
}

div.blogheader, .caption {
background: #transparent;
padding-left:8px;
font-family:tahoma, arial, ;
text-align:right;
margin-top:5px;
font-size:11px;
color:#666;
text-transform: lowercase;
letter-spacing: 3px;
border-bottom: 1px solid #666666;
border-left: 5px solid #6666666;
}


ul {
list-style:none;
}

#mainmenu #lastend a {
border-right: none;
}

#lastend {


}

}

div#border {
width:0px;

}

#mainmenu a {
float: left;
text-decoration: none;
color: #FFF;
padding :5px 28px 1px 28px;
border-right: 1px solid #FFF;
border-bottom: 5px solid #666666;
font-family:arial, ;
font-size:10px;
}

#mainmenu a:hover, #mainmenu #current {
background: #999999;
color:#FFF;
text-decoration: underline;
font-family: arial, tahoma;
font-size:10px;
}

#mainmenu li {
display: inline;
margin: 0;
text-align: center;
list-style: none;
border-right:1 solid #FFF;
}
#mainmenu {
background-color:#666666;
height: 30px;
width:596px;
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height:30px;

}
div#main {
background-color:#ffffff;
float:center;
margin:1px;
width:198px;
padding:0px;
}
texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

div#main2 {
background-color:#ffffff;
float:left;
margin:0;
width:600px;
padding:0px;
}

div#head {
background-color:#ffffff;
width:596px;
padding:0;
text-align:center;

div#banner {
height:115px;
text-align: right;
}

.mainleft, .footer, #SearchBar1_pnlSearch, hr { display:none; }
.navigation { visibility: hidden; }
#pnlEnabled table, .htmleditor { width:100% !important; }
</style>

<div id="border">
<div id="divide2">
<div id="head">
<div id="banner">
<img src="http://img.photobucket.com/albums/v112/ling_yim/daily/lomo-2-tree.jpg" galleryimg="no" alt="www.xanga.com/ling_yim" width="596" height="330" border=0 usemap="#FPMap0"><br>

<div style="text-align:right;width:596px;margin-top:-23px;padding-bottom: 1px;">layout by <a href="http://www.exile-studios.net/">razbus</a>.</div>
</div>
<ul id="mainmenu">
<li><a href="http://www.xanga.com/signin.aspx" class="nav2">Sign in</a></li>
<li><a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=ling_yim" class="nav2">Subscribe</a></li>
<li><a href="http://www.xanga.com/guestbook.aspx?user=ling_yim" class="nav2">Guestbook</a></li>
<li><a href="http://www.xanga.com/CLAF/default.asp" class="nav2">Look & Feel</a></li>
<li><a href="http://www.xanga.com/private/home.aspx" class="nav2">Private</a></li>
<li id="lastend"><a href="http://www.xanga.com/logout.aspx" class="nav2">Logout </a></li>

</ul>

</div>
</div>
<div id="divide">
<div id="main2">
<!-- end code provided by createblog.com -->

hope someone can help me