Help for this Div Options

[brittanyoliver]

I've tried the tutorials and everything but something is still not right. I am using this image for my div: http://img509.imageshack.us/img509/4480/mydiv2fl3bq9kx5.png

Now the problem is that I am trying to have those words be actual links to click to either view pics or add me. But how do I do that. I know it has something to do with coordinates but its not working. This is what I came up with to be the actual coordinates for this:

CODE

<div class="brittany_Map">
<IMG SRC="http://img509.imageshack.us/img509/4480/mydiv2fl3bq9kx5.png" WIDTH=631 HEIGHT=863 BORDER=0 ALT="" USEMAP="#brittany_Map">
<MAP NAME="brittany_Map">

<AREA SHAPE="rect" ALT="msg" COORDS="15,1405,315,1495" HREF="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=45761405">
<AREA SHAPE="rect" ALT="pix" COORDS="405,1405,640,1495" HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=45761405">
<AREA SHAPE="rect" ALT="add" COORDS="735,1405,1030,1495" HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=45761405">
<AREA SHAPE="rect" ALT="book" COORDS="1125,1405,1400,1495" HREF="http://fs2.formsite.com/brittanyoliver/form668935629/index.html">
</MAP>
</div>

This DIV is to not show any comments. I will post a second image to be the "about me" part where the viewer can link to leave a comment from the image itself. Someone please help! Thank you.

[brittanyoliver]

OK. Here is the code I used. I separated it because its more convenient for me. The only thing I did not include are the coords for the link locations because I am not sure where to place them. The code I posted above are the correct link coords. Could someone help me place them in these codes correctly? Thank you.

Place in About Me box:

CODE

<style type="text/css">

body {background-color:fff;} td, .text, h2, div, input {color:000;font-family:arial; font-size:11px; letter-spacing:0pt;font-weight: Normal;text-transform:NONE;}

table, tr, td {background:transparent; border:0px;} div table td font {visibility:hidden;} div table table table td font {visibility:visible;} table table table td {visibility:hidden;} marquee, table table table div td {visibility:visible;} table div div, table tr td div font a {visibility:hidden;}

.navigationBar{display:none;}
img {border:0px;}

a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}
tr {background-color:transparent}

.text, table table table table a, table table table table div,.frm1 {visibility:hidden;} table table table table div a, .frm1 input {visibility:visible;}
.BrittanyOliverLYTComment {display:none;} .text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;} table table, table table td {padding:0px; height:0px;}

.nav {display:block; color:333333!important; text-align:right; font-family:arial; font-size:23px; letter-spacing:-2px; font-weight:normal; width:auto; text-transform:normal;
text-decoration:none!important; line-height:20px; background-color:transparent; border-left:0px; padding:2px; padding-left:2px; padding-bottom:0px; padding-right:0px;
margin: 0px; margin-bottom: 2px; margin-top: 0px; margin-right: 2px; margin-left: 2px;}

.nav:hover {display:block; color:C0C0C0!important; text-align:right; font-family:arial; font-size:23px; letter-spacing:-2px; font-weight:normal; width:auto;
text-transform:normal; text-decoration:none!important; line-height:20px; background-color:transparent; margin:0px; border-left:16px solid; border-color:C0C0C0; padding:2px; padding-left:2px; padding-bottom:0px; padding-right:0px;margin: 0px; margin-bottom: 2px; margin-top: 0px; margin-right: 2px; margin-left: 2px;}

B {color:333333;}
I {color:808080;}
U {color:969696;}
S {color:C0C0C0;}

.Banner{border:0px solid; border-color:none;overflow-x:hidden; position:absolute; z-index:1; left:50%; top:0%; margin-left:-306px; margin-top:130px; visibility:visible;}

.aboutME{background-color:transparent; border:0px; width:350px; height:490px; overflow:auto; position:absolute; z-index:2; left:50%; top:0%; margin-left:-80px;
margin-top:765px; visibility:visible;}

.body{background-color:transparent; border:0px; width:200px; height:200px; overflow:auto; position:absolute; z-index:2; left:50%; top:0%; margin-left:-308px;
margin-top:765px; visibility:visible;}

</style>

Place in Who I'd Like To Meet box:

CODE

</td></tr></table></td></tr></table></td></tr></table></div>

{layout by Brittany Oliver : myspace.com/_kharma}

<div class="BrittanyOliverLYT">

<div class="Banner">

<img src="http://img509.imageshack.us/img509/4480/mydiv2fl3bq9kx5.png">

</div>

<div class="aboutMe">
THIS IS WHERE MY ABOUT ME GOES

</div>

<div class="body">


THIS IS WHERE I PLACED MY LINK COORDS.

</div>

</div>
</div>
<div class="frm2"><table><tr><td><table><tr><td><table><tr><td>

Let me know if I am forgetting something, I spent hours on this trying to figure it out.