image mapping, not able to click Options

[emo]

I've done image mapping on my myspace..but after I submit and view the page, I can't click on the links where I've mapped.

<!-- begin code provided by createblog.com --><br /><DIV class="Main"> <table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:0px white; background-color:ffffff;}"><br /><tr> <td valign="top"><br /><br /><br /><IMG NAME="roses0" SRC="http://img378.imageshack.us/img378/5466/roses7hw.png" WIDTH="762" HEIGHT="822" BORDER="0" USEMAP="..roses"><br /><MAP NAME="roses"><br /><AREA SHAPE="rect" COORDS="20,59,50,71" HREF="http://home.myspace.com/index.cfm?fuseaction=user&Mytoken="><br /><AREA SHAPE="rect" COORDS="70,58,109,72" HREF="http://browseusers.myspace.com/Browse/Browse.aspx?z=1&Mytoken="><br /><AREA SHAPE="rect" COORDS="127,58,169,72" HREF="http://search.myspace.com/index.cfm?fuseaction=find&MyToken="><br /><AREA SHAPE="rect" COORDS="190,57,219,73" HREF="http://mail.myspace.com/index.cfm?fuseaction=mail.inbox&MyToken="><br /><AREA SHAPE="rect" COORDS="239,57,267,71" HREF="http://blog.myspace.com/index.cfm?fuseaction=blog.controlcenter&MyToken="><br /><AREA SHAPE="rect" COORDS="292,57,353,70" HREF="http://favorites.myspace.com/index.cfm?fuseaction=user.favorites&MyToken="><br /><AREA SHAPE="rect" COORDS="191,199,234,209" HREF="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=6896188&Mytoken="><br /><AREA SHAPE="rect" COORDS="190,218,277,228" HREF="http://www.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=6896188&Mytoken="><br /><AREA SHAPE="rect" COORDS="191,237,289,246" HREF="http://www.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=6896188&public=0&Mytoken="><br /><AREA SHAPE="rect" COORDS="191,253,249,262" HREF=".. void(0);"><br /><AREA SHAPE="rect" COORDS="563,445,681,470" HREF="http://www.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=6896188&name=ALYSSA&Mytoken="><br /><AREA SHAPE="rect" COORDS="391,216,542,418" HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=6896188&friendName=ALYSSA&Mytoken="><br /></MAP></div><br /><br /><style> A {text-decoration:none; cursor:crosshair;} A:link{text-decoration:none; color: ..D56B7C;} A:visited{text-decoration:line-through; color: ..D56B7C;} A:hover{text-decoration:none; color:..624107;} body,td,div </STYLE> </head> <body topmargin="0" leftmargin="0" bottommargin="0"> <br /><br /><br /><br /><style> table, tr, td {background-color: white; border: 0px; padding:2;}<br />table table {border: 0px;}<br />table table table {border: 0px solid black; background-color: ffffff; background-image:url(); padding:0;}<br />table table table table{border: 0px;}</style><br /><br /><style>body {background-color:ffffff;}</style><br /><br /><br /><br /><div id="layer 1" style="position: absolute; top:220; left:73; width:200; height:250; z-index:1;overflow:auto"> </div> <div id="layer 2" style="position: absolute; top:500; left:5; width:540; height:20;z-index:2;overflow:auto"> </div> <style type="text/css"> .Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:white;} .begone{visibility:hidden; display:none;} .hidethem {display:none; visibility:hidden;} .comments {display:none; visibility:hidden;} </style> <br /><br /><br /><br /></td> </tr> </table> </DIV><br /><br /><br /></td> </tr> </table> </td> </tr> </table><br> </tr> </table> </td> </tr> </table> <div class="begone"><table><tr><td><table><tr><td><br /><!-- end code provided by createblog.com -->

What did I do wrong?

[dorkster]

you can't use image mapping on myspace because it requires the hash/pound sign (#) and its filtered from there that's why you see two dots (..) where # was. you should slice up your images instead.