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.

[Relentless]

^It does not matter which one you put in. As long as it's in "About Me / I'd like to meet".

The reason people separate the coding because it will be easier to spot a certain DIV so you can edit. For example, in ABOUT ME, you would put all the CSS codes, that way you don't have to fiddle around with it. Then you put the DIV codes in I'd Like To Meet and you know that you have to edit the div's in I'd Like To Meet.

Overall, it doesn't matter where you place the codings at.