2 seperate div's on my xanga, i cant get it rite Options

[xXaZnrAc3rXx]

on my xanga i want 2 put the blogs on the right side in a seperate div...and on the left side is the chatterbox in a diff div.....i tried everything...been playing with it for about 2 hours but nothing is working...can any1 help me plz????? rite now...the chatterbox is in the same div as the blogs...and wen u scroll the blogs down...the chatterbox dissappear
any help will b appreciated....cuz i made the skin in 1 day and the html-ing is taking more then the skin.....
u can c wat i mean on my xanga
heres my header....

<DIV STYLE="Height: 133px"></Div>
<div align=left>
<div style="width: 500px; BACKGROUND: transparent; repeat: no-repeat;border: solid 0px #000000;height:0px;padding-left: 0px;padding-right:0px; padding-top:0px;position:right;margin-top:-150px;margin-left:135px">
<div id="scroll3" style="width:760px; height:451px;overflow:auto">
<img
SRC="http://img78.photobucket.com/albums/v252/xXaZnrAc3rXx/xanga/s13.jpg"
BORDER=0 USEMAP="#xxaznrac3rxx" width="724" height="447">
<map name="xxaznrac3rxx">
<area SHAPE="rect" COORDS="413, 387, 470, 444" HREF="http://www.xanga.com/private">
<area SHAPE="rect" COORDS="475, 384, 539, 444" HREF="http://www.xanga.com/private/subscribeto.aspx?user=xXaZnrAc3rXx">
<area SHAPE="rect" COORDS="487, 67, 665, 89" HREF="http://www.xanga.com/home.aspx?user=xxaznrac3rxx">
<area SHAPE="rect" COORDS="546, 386, 603, 446" HREF="http://www.xanga.com/guestbook.aspx?user=xxaznrac3rxx">
<area SHAPE="rect" COORDS="661, 386, 707, 446" HREF="http://www.xanga.com/logout.aspx">
<area SHAPE="rect" COORDS="610, 385, 656, 445" HREF="http://www.xanga.com/CLAF/">
</map>
</DIV></DIV></DIV>
<DIV style="position:right;
margin-top: -350px;
margin-left: 315px;
width: 545px;
OVERFLOW: auto;
height:280px;
BACKGROUND-COLOR: transparent">

<DIV id=scroll3 style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 150px; height: 300px; BORDER-BOTTOM:1px solid;">

<!-- Flooble chatterbox for xxaznrac3rxx start -->
<script language="javascript"> var chatterbox = 'no'; </script>
<script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=xxaznrac3rxx&sid=1164472">
</script><noscript>
<a href="http://chatter.flooble.com/chatter.php?id=xxaznrac3rxx&sid=1164472&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.avatarity.com/">Avatars</a>
</noscript>
<script language="javascript"> if (!chatterbox || chatterbox != 'ok') {document.write(' mY cHaTtErbOx iS dOwN riTe nOW'); } </script>
<!-- Flooble chatterbox for xxaznrac3rxx end -->
</div>
<div style="position:left;margin-left:160px;margin-top: -350px;border: 0px solid #000000; width: 200></div></div>

[Caustic]

To me it looks fine...but you might want to change the height of the chatterbox div if it dissapears when you scroll down.