can some please help me?, my imgmap isnt working Options

[kadesmom]

I'm in the process of creating a new layout. I used the image mapper on jasc paint shop pro 7. However, it isn't working on my xanga. Also, can anyone tell me why the links in my entry are all on one side? Here is a working preview.

My xanga


The script/code that is currently on my xanga is the following:

<!-- begin code provided by createblog.com --><br /><IMG SRC="http://img33.echo.cx/img33/7219/deardiarylayout4ud.gif" USEMAP="#deardiary"><br /><br /><MAP NAME="deardiarylayout"><br /><AREA SHAPE="rect" COORDS="8,351,83,392" HREF="http://www.xanga.com" TARGET="http://www.xanga.com" ALT="xanga.com"><br /><AREA SHAPE="rect" COORDS="138,379,185,408" HREF="http://www.xanga.com/signin.aspx" TARGET="http://www.xanga.com/signin.aspx" ALT="sign in"><br /><AREA SHAPE="rect" COORDS="221,347,315,381" HREF="http://www.xanga.com/logout.aspx" TARGET="http://www.xanga.com/logout.aspx" ALT="sign out"><br /><AREA SHAPE="rect" COORDS="344,364,441,399" HREF="http://www.xanga.com/claf" TARGET="http://www.xanga.com/claf" ALT="look and feel"><br /><AREA SHAPE="rect" COORDS="484,346,575,380" HREF="http://www.xanga.com/subscribeto.aspx?=x3___me" TARGET="http://www.xanga.com/subscribeto.aspx?user=x3___me" ALT="subscribe to me"><br /></MAP><br /><br /><div style="<br />overflow: auto;<br />width: 777px;<br />height: 476px;<br />margin-top: -350px;<br />margin-left: 400px;"><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops<br />/* width of the comment page */<br />{width:777px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer<br />{display: none;}<br /></style><br /><br /><style type="text/css"><br />/*Dear Diary*/<br />/*by Kristy (www.xanga.com/x3___me)*/<br />body {<br />background-image:url(http://img229.echo.cx/img229/7531/notebookbackgroundpink9we.gif);<br />background-repeat: repeat-y-x;<br />background-color: #transparent;<br />scrollbar-face-color: #ffffff;<br /><br /><br />scrollbar-shadow-color: #ffffff;<br />scrollbar-highlight-color: #ffffff;<br />scrollbar-3dlight-color: #ffffff;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-track-color: #ffffff;<br />scrollbar-arrow-color: #000000;<br />}<br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table {<br />width: auto !important;<br />}<br /><br />table.blogbody {<br />width:777px;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 12pt;<br />color: #000000;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: 12px;<br />padding: 3px;<br />text-align: center;<br />}<br />.caption, .blogheader {<br />width: 777;<br />padding: 3px;<br />font-family: lackey;<br />font-size: 16pt;<br />text-align: center;<br />color: #000000;<br />background-color: trabsparent;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH<br />{font-family: arial; color: #000000; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#000000; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#000000; 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: #000000;<br />font-weight: bold;<br />text-transform: lowercaps;<br /></style><br /><!-- end code provided by createblog.com -->

Thank you so much for taking the time to view this.