Div layers and IMG maps Options

[tricksypirate]

Alright. It's the second time I've tried this layout.
I've been to many sites and tried a lot of stuff, but it doesn't seem to work.

I can't seem to get the box above my imagemap.

www.xanga.com/xaturna/

My script at the moment:

<!-- begin code provided by createblog.com --><br /> <IMG SRC="http://i4.photobucket.com/albums/y142/layouts_by_xat/darknessofheart_by_xat.jpg" WIDTH=1020 HEIGHT=625 BORDER=0 <br /><br />ALT="" USEMAP="#darkenessofheart_Map"><br /><MAP NAME="darkenessofheart_Map"><br /><AREA SHAPE="rect" ALT="to the Creator! =)" COORDS="269,159,445,171" HREF="http://www.xanga.com/tricksypirate" <br /><br />TARGET="_self"><br /><AREA SHAPE="rect" ALT="to the Creator! =)" COORDS="542,556,711,566" HREF="http://www.xanga.com/xaturna/" TARGET="_self"><br /><AREA SHAPE="rect" ALT="home =)" COORDS="500,429,544,472" HREF="http://www.xanga.com" TARGET="_self"><br /><AREA SHAPE="rect" ALT="CLAF" COORDS="498,363,541,406" HREF="http://edit.xanga.com/claf.aspx" TARGET="_self"><br /><AREA SHAPE="rect" ALT="stalkage" COORDS="499,293,542,336" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?<br /><br />user=tricksypirate" TARGET="_self"><br /><AREA SHAPE="rect" ALT="guestbookkkkkk =)" COORDS="499,225,542,268" HREF="http://www.xanga.com/guestbook.aspx?<br /><br />user=tricksypirate" TARGET="_self"><br /><AREA SHAPE="rect" ALT="carmen's profile =)" COORDS="499,162,542,205" HREF="http://www.xanga.com/profile.aspx?<br /><br />user=tricksypirate" TARGET="_self"><br /></MAP><br /><br /><br /><!-- begin code provided by createblog.com --><br /><div style="<br />overflow: auto;<br />width: 334px;<br />height: 374px;<br />margin-top: 174px;<br />margin-left: 106px;"> <br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*Name of Your Skin*/<br />/*by YOU*/<br />body {<br />background-image:url();<br />background-repeat: repeat-y-x;<br />background-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-arrow-color: #COLOR CODE;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:330px;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 10pt;<br />color: #ffffff;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: 10px;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 300px;<br />padding: 3px;<br />font-family: arial;<br />font-size: 16pt;<br />text-align: center;<br />color: #white;<br />background-color:;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: FONT; color: #ffffff; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#FF6666; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#FFCCCC; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #FFCCCC;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- end code provided by createblog.com -->

Thank you, in advance. ><"

[talcumpowder]

Embrace negative margins.

<!-- begin code provided by createblog.com --><br /><IMG SRC="http://i4.photobucket.com/albums/y142/layouts_by_xat/darknessofheart_by_xat.jpg" WIDTH=1020 HEIGHT=625 BORDER=0 ALT="" USEMAP="#heart_Map"><br /><MAP NAME="heart_Map"><br /><AREA SHAPE="rect" ALT="to the Creator! =)" COORDS="269,159,445,171" HREF="http://www.xanga.com/tricksypirate"><br /><AREA SHAPE="rect" ALT="to the Creator! =)" COORDS="542,556,711,566" HREF="http://www.xanga.com/xaturna/"><br /><AREA SHAPE="rect" ALT="home =)" COORDS="500,429,544,472" HREF="http://www.xanga.com"><br /><AREA SHAPE="rect" ALT="CLAF" COORDS="498,363,541,406" HREF="http://edit.xanga.com/claf.aspx"><br /><AREA SHAPE="rect" ALT="stalkage" COORDS="499,293,542,336" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=tricksypirate"><br /><AREA SHAPE="rect" ALT="guestbookkkkkk =)" COORDS="499,225,542,268" HREF="http://www.xanga.com/guestbook.aspx?user=tricksypirate"><br /><AREA SHAPE="rect" ALT="carmen's profile =)" COORDS="499,162,542,205" HREF="http://www.xanga.com/profile.aspx?user=tricksypirate"><br /></MAP><br /><br /><style type="text/css"><br />/*Name of Your Skin*/<br />/*by YOU*/<br />body {<br />background-image:url();<br />background-repeat: repeat-y-x;<br />background-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-arrow-color: #COLOR CODE;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.blogbody {<br />width:330px;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 10pt;<br />color: #ffffff;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: 10px;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 300px;<br />padding: 3px;<br />font-family: arial;<br />font-size: 16pt;<br />text-align: center;<br />color: #white;<br />background-color:;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: FONT; color: #ffffff; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#FF6666; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#FFCCCC; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #FFCCCC;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><br /><br /><div style="overflow: auto;<br />width: 334px; height: 374px;<br />margin-top: -450px; margin-left: 106px;"><br /><!-- end code provided by createblog.com -->

[squashie]

hey uh. theres a program called Adobe ImageReady. it comes with Adobe Photoshop CS (creative suite) and its mad easy to do image mapping with it. i dunno i just got mine free, cuz adobe products are costy. but if u want i'll hook you up. gimme the pic and links i'll do it fer you. PM me if u want.

[talcumpowder]

Read the question before posting, squashie.
The problem is that they can't move the blog area up to where the imagemap is. Meh. I did it for them.
And, if you actually look at the code&their xanga site, the image mapping works perfectly fine. So... Yeah.