www.xanga.com/xaturna (http://www.xanga.com/xaturna) is my xanga site, and as you can see, I've made the whole background into an image map.
But when I put my xanga into a "box" it doesn't seem to get on top of the image map and shifts all the way to the bottom.

Help would be greatly appreciated. Thank-you in advance.

My Custom Header:

<IMG SRC="http://i4.photobucket.com/albums/y142/layouts_by_xat/darknessofheart_by_xat.jpg" WIDTH=1020 HEIGHT=625 BORDER=0
ALT="" USEMAP="#darkenessofheart_Map">
<MAP NAME="darkenessofheart_Map">
<AREA SHAPE="rect" ALT="to the Creator! =)" COORDS="269,159,445,171" HREF="http://www.xanga.com/tricksypirate"
TARGET="_self">
<AREA SHAPE="rect" ALT="to the Creator! =)" COORDS="542,556,711,566" HREF="http://www.xanga.com/xaturna/" TARGET="_self">
<AREA SHAPE="rect" ALT="home =)" COORDS="500,429,544,472" HREF="http://www.xanga.com" TARGET="_self">
<AREA SHAPE="rect" ALT="CLAF" COORDS="498,363,541,406" HREF="http://edit.xanga.com/claf.aspx" TARGET="_self">
<AREA SHAPE="rect" ALT="stalkage" COORDS="499,293,542,336" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?
user=tricksypirate" TARGET="_self">
<AREA SHAPE="rect" ALT="guestbookkkkkk =)" COORDS="499,225,542,268" HREF="http://www.xanga.com/guestbook.aspx?
user=tricksypirate" TARGET="_self">
<AREA SHAPE="rect" ALT="carmen's profile =)" COORDS="499,162,542,205" HREF="http://www.xanga.com/profile.aspx?
user=tricksypirate" TARGET="_self">
</MAP>

<!-- begin code provided by createblog.com -->
<div style="
overflow: auto;
width: 334px;
height: 374px;
margin-top: 174px;
margin-left: 106px;">
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
/*Name of Your Skin*/
/*by YOU*/
body {
background-image:url();
background-repeat: repeat-y-x;
background-color: #COLOR CODE;
scrollbar-face-color: #COLOR CODE;
scrollbar-shadow-color: #COLOR CODE;
scrollbar-highlight-color: #COLOR CODE;
scrollbar-3dlight-color: #COLOR CODE;
scrollbar-darkshadow-color: #COLOR CODE;
scrollbar-track-color: #COLOR CODE;
scrollbar-arrow-color: #COLOR CODE;
}
#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}
table.blogbody {
width:330px;
font-family: Arial;
font-weight: none;
font-size: 10pt;
color: #ffffff;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: 10px;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 300px;
padding: 3px;
font-family: arial;
font-size: 16pt;
text-align: center;
color: #white;
background-color: ;
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:#FF6666; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#FFCCCC; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #FFCCCC;
font-weight: bold;
text-transform: lowercaps;
</style>
<!-- end code provided by createblog.com -->


(ignore the unfilled colour codes)