Help with mapping, Help? Options

[umbr3ll4]

Hi,
This is my first div, and I've figured out everything but getting the buttons to work.

http://www.myspace.com/calaphi

Here are my scripts:

About Me:

CODE

<style type="text/css">
.sunshine_Map{ overflow:auto;position:absolute; z-index:2;left:50%;top:0%;margin-left:-250px; margin-top:125px;visibility:visible;}
.about{position:absolute;left:50%;top:0%;margin-left:-225px; margin-top:382px;width:446px;height:285px;z-index:2;overflow:auto;visibility:visible}
.links{position:absolute;left:50%;top:0%;margin-left:-225px; margin-top:341px;width:446px;height:28px;z-index:2;overflow:auto;visibility:visible}
.misc{position:absolute;left:50%;top:0%;margin-left:-225px; margin-top:791px;width:446px;height:88px;z-index:2;overflow:auto;visibility:visible}
.comments{position:absolute; left:50%; top:0%; margin-left:-224px; width:446px; height:205px; margin-top:892px; overflow:auto; z-index:2;overflow-y:auto;visibility:visible; overflow-x:hidden}
.friends{position:absolute;left:50%;top:0%;margin-left:-225px; margin-top:681px;width:446px;height:102px;z-index:2;overflow:auto;visibility:visible}
</style>


<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;}

td.text table table {display:inline; visibility:visible;}
td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}

a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}

.a {hide friends not comments}
td.text td.text table table table,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text .btext {display:none;}
td.text td.text table td, td.text td.text table {height:0; padding:0; border:0;}
td.text td.text table {background-color:transparent!important;}
body div table td form{display:none;}
{resizing images for friends space}
td.text td.text table table table td a img {width:80px;}
{resize the online now icon to normal size}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td a img {width:90px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}
td.text td.text table table table td div img {width:80px;}
</style>

<style type="text/css">
table, tr, td { background-color:transparent; border:0px none; }
body {
    background-color:000000;
background-image:url('');
        background-position: top left;
        background-repeat:repeat;
        background-attachment:fixed;
        scrollbar-face-color:A3AED9;
    scrollbar-highlight-color:FFFFFF;
    scrollbar-3dlight-color:000000;
    scrollbar-shadow-color:FFFFFF;
    scrollbar-darkshadow-color:000000;
    scrollbar-arrow-color:000000;
    scrollbar-track-color:000000;
        }
div{
  font-family: verdana;
  font-size: 8pt;
  color: 000000;
  text-align: left;
  border: medium none;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 12px;
overflow-x: hidden;}

input, select, textarea, .textfield, .button {
  font-family: verdana;
  font-size: 8pt;
  color: ffffff;
  border-style:solid;
  border-size: 1px;
  border-color: ffffff;
  background-color: 000000;
  text-align: left;}

.header {
visibility: visible;
font-family: "times";
color: A3AED9;
text-align:left;
font-size: 20px;
letter-spacing:-1px;
text-transform: none;
line-height:16px;
font-weight: normal;
border-bottom: 0px dashed;
border-color:none;}

.header2 {
display: block;
visibility: visible;
font-family: "times";
color: 000000;
text-align:right;
font-size: 20px;
letter-spacing:-1px;
text-transform: none;
line-height:16px;
font-weight: normal;
border-bottom: 1px dashed;
border-color:A3AED9;}

.text {
  font-family: verdana;
  font-size: 8pt;  
  color: A3AED9;
  font-weight: normal;
  text-align: left;
  background-color: none;}


b, strong {
  font-family: verdana;
  font-size: 8pt;
  color: A3AED9;
  font-weight: bold;}

i, em, s {
  font-family: verdana;
  font-size: 8pt;
  color: 000000;}

u {
  font-family: verdana;
  font-size: 8pt;
  color: 000000;}

a, a:link, a:active, a:visited {
  font-family: verdana;
  font-size: 8pt;
  color: 000000;
  text-decoration: none;
  font-weight: bold;}
  
a:hover {
  font-family:verdana;
  font-size:8pt;
  color:A3AED9;
  background-color: ffffff;}

a:link img, a:visited img {filter: none;border:0px}
</style>  


<div class="sunshine_Map">

<map name="sunshine_Map ">
  <area shape="poly" coords="52,124,94,114,98,131,56,141" href="http://home2.myspace.com/index.cfm?fuseaction=user&Mytoken">
</MAP>

<IMG SRC="http://img404.imageshack.us/img404/3797/myspacebkgrd2pl8.png" WIDTH=586 HEIGHT=1065 BORDER=0 ALT="" USEMAP="#sunshine_Map">
</div>

Who...meet:

CODE

<style>.r{}</style>

<center><embed allowScriptAccess="never" allowNetworking="internal" enableJSURL="false" enableHREF="false" saveEmbedTags="true" src="http://www.myflashfetish.com/minime.swf?myid=1130735&mycolor=0x333333&mycolor2=0x354688&mycolor3=0xa3aed9&autoplay=true&rand=1" menu="true" quality="best" scale="noscale" bgcolor="#ffffff" wmode="transparent" width="160" height="68" name="MyFlashFetish.com" style="position:absolute; left:534px; top: 435px; z-index:9;" allowScriptAccess="never" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></center><center><br><br>

<div class="about">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="134109649" type="hidden"><textarea name="f_comments" class="pnckdbox"></textarea><br/><input type="submit" value="submit" class="pnckdcom"></form><br>

<style type="text/css"> textarea.pnckdbox { color: A3AED9; font-family: small fonts; font-size: 8px; text-transform: uppercase; font-weight: normal; letter-spacing: 3px; text-align: left; position: absolute; top:177px; left:17px; height: 48px; width: 210px; border-color: A3AED9; border-style: solid; border-width: 1px; background-color: transparent; } input.pnckdcom {color: A3AED9; font-family: small fonts; font-size: 8px; text-transform: uppercase; font-weight: normal; letter-spacing: 3px; text-align: center; background-color: transparent; position: absolute; top:229px; left:17px;  height: 18px; width: 210px; border-color: A3AED9; border-width: 1px; border-style: solid; } </style></center>

</div>

<div class="misc">
</div>

<div class="friends">
<center>
</center>
</div>

<div class="comments" style="position: absolute; top:93px; left:409px;  height: 190px; width: 500px; border-color: A3AED9; border-width: 0px; border-style: solid;">
<table><tr><td><table><tr><td>
</div>
<style></style>

I'd appreciate some help.
Much thanks. :]
-Chris

Sorry for the double-post; I couldn't find an 'edit post' button.

My image map is just my background; I'm 'mapping' from my background.
I want it to where the Home/Add/Msg/etc... works, and on the friends list where you click on the people's pictures/names it takes them to their pages.

[freeflow]

^ Thats just how they made it, just like how the pcoward image maper linked above does not work in any browser other than IE. So yea.