Div Box, Isnt showing up correctly Options

[Imluvindanny]

I know the code to make the div box for the blog now my question is when i try to put the second div box to put extra things in it it doesnt show up where i want it to. and ive tried other codes the div box doesnt move to where i want it to be it just moves my blog down and doesnt go all the way to the side any suggestions?

[Jus2s1mp13]

Did you close your first div box anyway? </div>

[sweetxsimplicity]

That happens because you need to put the div code before your blog code.

[Imluvindanny]

i did do that maybe its something wrong? maybe i dont understand clearly this is my code

&nbsp;
&nbsp;
&nbsp;
<img src="http://img.photobucket.com/albums/v470/exclusivediam0nd/Image1.png">

<script language="JavaScript">
// Script Created by Mystical for Createblog.com
// http://xiphin.com
<!--
if(location.pathname=='/home.aspx')
{
document.write("<style type=text/css>table.left, td.mainleft{display: none;} </style>") }
if(location.pathname=='/item.aspx')
{
document.write("<style type=text/css>table.left, td.mainleft{display: none;} </style>") }
if(location.pathname=='/profile.aspx')
{
document.write("<style type=text/css>table.left, td.mainleft{display: none;} </style>")
}
else
{
if(location.pathname=='/private/home.aspx')
document.write("<!--Display MODULE-->")
}
//-->
</script>

<style type="text/css">
table.navigation, table.footer { display:none; }
</style>

<div style="overflow: auto; width: 400px; height: 400px; margin-top: 1px; margin-left: 600px;">STUFF</div>


<div style="overflow: auto; width: 400px; height: 400px; margin-top: 1px; margin-left: 30px;">

<style type="text/css">
body{scrollbar-face-color:#F3E6DE;scrollbar-arrow-color:#000000;
scrollbar-track-black;scrollbar-shadow-color:black;scrollbar-highlight-color:black;
scrollbar-3Dlight-color:black;scrollbar-darkshadow-color:black;}
</style>