Entry Text covered by Chatterbox, Help please! Options

[johndragon005]

Hey everyone, i really need some help. I'm helping out my girlfriend fix her xanga but i'm running into a problem concerning the chatterbox. The xanga works fine without any chatterbox; however, when i put it in the javascript module, the chatterbox appears, but is covering part of the entries posted. What's the code in order to get the entry to fit so that it can be totally visible?

*My problem is hard to "describe" if you know what i'm saying, please ask!

Thanks.

[johndragon005]

Ok here's my code

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

<style type="text/css">
body {
background-color: #D3D3D3;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFF;
scrollbar-shadow-color: #FFFFF;
scrollbar-face-color: #88C0FC;
scrollbar-highlight-color: #FFFFF;
scrollbar-darkshadow-color: #FFFFF;
scrollbar-3dlight-color: #FFFFF;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: normal 9pt Arial;
line-height: 10pt;
color: #FF99FF;
letter-spacing: 0px;
text-align: justify;
}
table.footer TD {
text-align: center;
}
div.blogheader, .caption {
line-height: 12pt;
font-family: arial;
text-transform: lowercase;
font-size: 9pt;
font-weight: bold;
color: #FF00FF;
letter-spacing: 1px;
text-align: right;
border-bottom: 1px solid #000000;
}
table.left th {
font-family: arial;
text-transform: lowercase;
font-size: 9pt;
font-weight: bold;
color: #FF00FF;
letter-spacing: 1px;
text-align: left;
line-height: 10pt;
border-bottom: 1px solid #000000;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active, a:visited, a.footernav:visited {
color: #88C0FC;
font:normal 9pt Arial;
line-height: 10pt;
text-decoration: none;
}
a:hover {
color: #D395EB;
font:normal 9pt Arial;
line-height: 10pt;
cursor: crosshair;
text-decoration: none;
}
input, select, textarea, .textfield, .button {
border: 1px solid #000000;
font:normal 11px Arial;
background-color: #990099;
letter-spacing:1px;
}
table.left {
/* this edits the menu module */
border: 0px solid #878787;
width: 200px;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 0px solid c0c0c0;
background-color: #CC33FF;
width: 480px;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-color: #CC33CC;
font-size: 9pt;
}
table.search TD, table.search, table.announcements {
background-color: #CC33CC;
border: 1px solid #c0c0c0;
}
table.search TD, table.announcements TH {
border: 0px solid #c0c0c0;
}
table.navigation, table.main, table.footer {
width: 700px;
}
table.main {
align: center;
}
hr {
border: 2px dashed #c0c0c0;
}
#htmleditor {
border : 1x solid #c0c0c0;
}
table.footer {
display: none;
}
table.navigation {
display: none;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {
width: auto !important;
}
.main {
table-layout: fixed;
}
.blogbody td {
width:0px; padding-left:5px;
}
</style>

<div style="width: 698px; background-color:#9900CC;">

<img src="http://images.cbstaff.com/xanga/03/0640_img.jpg">
<!-- end code provided by createblog.com -->


JAVASCRIPT MODULE~~~~~~~~~~~~~~~


<table border="1" cellspacing="0" cellpadding="4" width="150" class="module">
<tr>
<th valign="top" align="left" class="module">
<b>ExposeD Secrets</b>
</th>
</tr>
<tr>
<td valign="bottom" class="module">
<table width=150>
<!-- Flooble chatterbox for vn000 start -->
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter3.flooble.com/chatter.php?js=true&id=vn000&sid=580408">
</script><noscript>
<a href="http://chatter3.flooble.com/chatter.php?id=vn000&sid=580408&popup=true&w=480&h=400"
target="flooblechatterbox"
onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re
izable=no,copyhistory=no,width=480,height=400');return true;">
<img src="http://www.flooble.com/images/chatter/chaticon.gif" border="0"
align="absbottom">Talk</a>
in my <a href="http://chatter3.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> |
<a href="http://www.flooble.com/perplexus/tree.php">logic puzzles, math problems, brainteasers by category</a>
</noscript>
<script language="javascript"> if (!chatterbox || chatterbox != 'ok') {
document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is');
document.write(' temporarily unavailable. It will be back up shortly.'); } </script>
<!-- Flooble chatterbox for vn000 end -->
</td></tr></table><br>

---------------------------------------------------------------