alignment for weblog, how to put it on top of an image Options

[vgamer]

on my xanga skin im working on
i have it just about done but....
i need a lil help on how to put the box on top of the picture instead of below any1 can help plz>?

[vgamer]

this is what im using

CODE

<!-- begin code provided by createblog.com -->
<IMG SRC="http://pic5.picturetrail.com/VOL93/2038890/3950148/63661845.jpg" BORDER=0 USEMAP="#layout"> <MAP NAME="layout">
<AREA SHAPE="rect" COORDS="3,137,75,119" HREF="http://www.xanga.com/private/home.aspx">
<AREA SHAPE="rect" COORDS="1,160,43,139" HREF="http://www.xanga.com/CLAF/">
<AREA SHAPE="rect" COORDS="2,185,86,172" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=vgamer">
<AREA SHAPE="rect" COORDS="2,216,69,194" HREF="http://www.xanga.com/profile.aspx?user=vgamer">
<AREA SHAPE="rect" COORDS="3,238,67,220" HREF="http://www.xanga.com/signin.aspx">
<AREA SHAPE="rect" COORDS="2,264,72,246"HREF="http://www.xanga.com/logout.aspx">
</MAP>

<div style="
overflow: auto;
width: 349px;
height: 356px;
margin-top: 0px;
margin-left: 140px;">
<BR><BR><BR><BR><BR>

<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">
/*Black N' White*/
/*by vgamer*/
body {
background-image:url(http://www.fantasyrpgmaker.hpg.ig.com.br/etc/gameover%20FFVIII.png);
background-repeat: repeat-y-x;
background-color: #666666;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFFFFF;
}

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

table.blogbody {
width: 300px;
font-family: Comic Sans MS;
font-weight: none;
font-size: 12pt;
color: #FFFFFF;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: 3px;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Comic Sans MS;
font-size: 16pt;
text-align: center;
color: #FFFFFF;
background-color: #000000;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: FONT; color: #FFFFFF; font-size: 8pt; }
A:link, A:visited, A:active
{color:#FFFFFF; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#000000; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: Comic Sans MS;
font-size: 8pt;
color: #FFFFFF;
font-weight: bold;
text-transform: lowercaps;
</style>

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