having a bit of a problem, with image mapping. Options

[the_jiggstah]

ok so when i put in the code in my xanga.. it turned out like this : my xanga

here's all my coding:

CODE

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


<IMG SRC="http://img.photobucket.com/albums/v240/fasho_itsmj/banners_etc/layout_02.jpg" BORDER=0 USEMAP="#http://img.photobucket.com/albums/v240/fasho_itsmj/banners_etc/layout_02.jpg"> <MAP NAME="http://img.photobucket.com/albums/v240/fasho_itsmj/banners_etc/layout_02.jpg">

<AREA SHAPE='rect' COORDS='422,520,483,546' HREF='http://www.xanga.com/' ALT='xanga home'>
<AREA SHAPE='rect' COORDS='485,518,573,547' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=babyjigga' ALT='add me'>
<AREA SHAPE='rect' COORDS='581,522,650,546' HREF='http://www.xanga.com/private' ALT='your xanga'>
<AREA SHAPE='rect' COORDS='659,521,697,546' HREF='http://www.xanga.com/claf' ALT='look & feel'>
<AREA SHAPE='rect' COORDS='704,523,776,547' HREF='http://www.xanga.com/signin.aspx' ALT='sign in'>
</MAP>

<div style="position:static; margin-left:455px;margin-top:23px;border: 0px solid #ffffff; width: 400px; height: 355px; background:transparent;overflow: auto">

<style type=text/css>
body {
overflow-x: hidden;
}
</style>

<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">
/*unrequited love*/
/*the_jiggstah*/
body {
background-image:url(http://img.photobucket.com/albums/v240/fasho_itsmj/banners_etc/layout_02.jpg);
background-repeat: repeat-y-x;
background-color: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #9D7E5F;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #9D7E5F;
scrollbar-arrow-color: #9D7E5F;
}

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

table.blogbody {
width:WIDTH OF THE BLOGpx;
font-family: arial;
font-weight: none;
font-size: 8pt;
color: #COLOR;
text-align: left;
padding: 1px;
margin-top: 2px;
}

.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: arial;
font-size: 18pt;
text-align: center;
color: #000000;
background-color: #9D7E5F;
text-transform: lowercaps;
margin-top: 10px;
}

div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: justify;
}

P, B, I, TD, TH
{font-family: FONT; color: #000000; font-size: 8pt; }
A:link, A:visited, A:active
{color:#000000; 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: arial;
font-size: 8pt;
color: #FFFFFF;
font-weight: bold;
text-transform: lowercaps;
</style>

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

and as u can see.. my blog is at the bottom. the links are fine.. but now i have a problem with the backgound.