more chatterbox, issues. just different this time. Options

[ycannedbananasy]

okay so i tried using div layers to make my chatterbox using the code in the make a xanga layout tutorial above, but then everything is like gone. but it worked fine before i put that code in. see what i mean

CODE

<!-- begin code provided by createblog.com -->

<script type='text/javascript'>
// intro splash page by micron
// for more xanga scripts and help go to createblog.com

// change this url to an image of your choice
var image = 'http://img19.exs.cx/img19/9526/enter5.jpg';

function enterSite() {
document.getElementById('splash').style.display = 'none';
var content = document.getElementsByTagName("center");
for (var i=0; i<content.length;i++) {
content[i].style.display = 'block';
}
return false;
}

if (document.title.slice(-10) == 'Xanga Site') {
document.write('</span></center><style type="text/css"> center {display:none;} .image {border:1px solid #dcdcdc;} </style><table height="100%" width="100%" id="splash"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#" onclick="return enterSite();"><img src="'+ image +'" border="0" class="image"></a></td></tr></table><center><span>');
}
</script>

<!-- end code provided by createblog.com -->

<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='304,488,344,502' HREF='www.xanga.com' ALT='xanga.com'>
<AREA SHAPE='rect' COORDS='361,489,395,504' HREF='/signin.aspx' ALT='login'>
<AREA SHAPE='rect' COORDS='409,489,456,502' HREF='/logout.aspx' ALT='log out'>
<AREA SHAPE='rect' COORDS='469,489,499,502' HREF='/claf/default.asp' ALT='edit'>
<AREA SHAPE='rect' COORDS='514,489,580,501' HREF='/Private/SubscribeTo.aspx?user=YcannedbananasY' ALT='subscribe'>
<AREA SHAPE='rect' COORDS='598,488,642,502' HREF='/profile.aspx?user=YcannedbananasY' ALT='my profile'>
<AREA SHAPE='rect' COORDS='660,489,725,499' HREF='/guestbook.aspx?user=YcannedbananasY' ALT='guestbook'>
<AREA SHAPE='rect' COORDS='987,557,998,613' HREF='/ycannedbananasy' ALT='the masterful creator'>
</MAP>

<IMG SRC='http://img18.exs.cx/img18/7500/cry.jpg' border=0 width=1000 height=624 USEMAP='#imgmap'>

<div style="
overflow: auto;
width: 480px;
height: 235px;
margin-top: -380px;
margin-left: -25px;">

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>
<style type="text/css">
/So long sweet summer.../
/*by libby*/
body {
background-repeat: repeat-y-x;
background-color: #6633CC;
scrollbar-face-color: #cc0066;
scrollbar-shadow-color: #FF0066;
scrollbar-highlight-color: #FF0066;
scrollbar-3dlight-color: #FF0066;
scrollbar-darkshadow-color: #FF0066;
scrollbar-track-color: #FF0066;
scrollbar-arrow-color: #FFFF99;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:385px;
font-family: Arial;
font-weight: none;
font-size: 12pt;
color: # FFFF99;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: 260px;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Edwardian Script ITC;
font-size: 16pt;
text-align: right;
color: # FF6633;
background-color: bb88ff;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: arial; color: #dd0044; font-size: 10pt; }
A:link, A:visited, A:active
{color#FFCC00 CODE OF A LINK; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration:none; color:# FFCC00; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #FFCC00;
font-weight: bold;
text-transform: lowercaps;
</style>

<div style="position:static; margin-left: 50px; margin-top: -505px;border: 0px solid #ffffff; width: 150px; height: 160px; background:none;overflow: auto">
<TABLE width="100%" border=0>
<TBODY>
<TR>
  <TD>
<P class=nav>



<!-- Flooble chatterbox for avsugarhigh start -->
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=avsugarhigh&sid=1335263">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=avsugarhigh&sid=1335263&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://img.flooble.com/images/chatter/chaticon.gif" border="0"
align="absbottom">Talk</a>
in my <a href="http://chatter.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.blackjack-primer.com">Blackjack Guide</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 avsugarhigh end -->

[ycannedbananasy]

i want my chatterbox in that little purple box in the corner. but when i put in this code stuff so that my chatter box is in the corner

CODE

<!-- begin code provided by createblog.com -->
<div style="position:static; margin-left: 50px; margin-top: -505px;border: 0px solid #ffffff; width: 150px; height: 160px; background:none;overflow: auto">
<TABLE width="100%" border=0>
<TBODY>
<TR>
 <TD>
<P class=nav>



<!-- Flooble chatterbox for avsugarhigh start -->
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=avsugarhigh&sid=1335263">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=avsugarhigh&sid=1335263&popup=true&w=480&h=400"
target="flooblechatterbox"
onClick="window.open('about:blank','flooblechatterbox',& #39;toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re
sizable=no,copyhistory=no,width=480,height=400');return true;">
<img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0"
align="absbottom">Talk</a>
in my <a href="http://chatter.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.blackjack-primer.com">Blackjack Guide</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 avsugarhigh end -->

<!-- end code provided by createblog.com -->

which i got from the tutorial, everything went away. so now like the blog is missing and the chatterbox is nowhere to be found.