Image Map not showing up!, been trying everything! Options

[*torngemini*]

Hey!! Everything is seems to be okay but for some reason the only thing that's not working is the image map!! It's driving me crazy! Please help!!

Here's my site HERE

Here's the LJ coding that I have been using so far ...

<!-- begin code provided by createblog.com --><br /><br />GLOBAL_HEAD<=<br /><br /><style type="text/css"><br /><!--<br />body {<br />background-color: #ffffff!important;<br />background-image: <br /><br />url(http://www.geocities.com/foolishthoughts36/LJ_gunbg.txt) !important;<br />background-repeat: repeat-y !important;<br />background-attachment: scroll !important;<br />background-position: 0% 0% !important;<br />margin-top: 460px;<br />overflow-x: hidden;<br />overflow: -moz-scrollbars-vertical;<br />color: #34538B;<br />}<br /><br />table {<br />width: 313px;<br />margin-left: 16px;<br />margin-right: 100%;<br />z-index: 0;<br />}<br />table table {<br />width: 100%;<br />margin:0;<br />}<br />table table table {<br />width: auto;<br />} <br />html>body table{<br />position: relative;<br />}<br />img.header {<br />position: absolute;<br />left:0; <br />top: 0;<br />z-index: -10;<br />}<br />html>body img.header  {<br />z-index: 1;<br />}<br />html>body div{<br />z-index: 2;<br />}<br />.shadowed img{<br />visibility:hidden;position:absolute;top:0<br />}<br />p .index {<br />color: #34538B;<br />}<br />p table table td.caption {<br />font-size:9pt;<br />font-weight: bold;<br />color: #1476BF;<br />font-family: Verdana;<br />}<br />.comments {<br />font-size: 10pt;<br />font-family: Verdana;<br />}<br />a:link, a:visited, a:active {<br />text-decoration: none; <br />font-weight: bold;<br />color: #395078; <br />}<br />a:hover{<br />text-decoration: none;<br />font-weight: bold;<br />color: #FFFFFF; <br />}<br />.entrybox td{<br />text-align: justify;<br />font-family: Arial;<br />}<br />.entrybox td.index {<br />text-align: right;<br />}<br />--><br /></style><br /><=GLOBAL_HEAD<br /><br />LASTN_TALK_READLINK=><a href="%%urlread%%">Read %%messagecount%%</a> - <br /><br />LASTN_DATE_FORMAT=><b><font face="Verdana" size="1">%%monlong%% %%dth%% %%yyyy%%|%%12h%%.%%min%%%%ampm%%</font></b><br /><br />LASTN_WEBSITE<=<br /><br /><IMG class="header" style="visibility: visible;" <br />SRC='http://www.geocities.com/foolishthoughts36/LJ_gun.txt' width=435 height=502 BORDER='0' USEMAP='#imgmap'> <br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE=rect COORDS='541,16,655,54' HREF='http://www.livejournal.com/users/yourjournal' ALT='Home'><br /><AREA SHAPE=rect COORDS='566,74,691,109' HREF='http://www.livejournal.com/users/yourjournal/friends' ALT='Friends'><br /><AREA SHAPE=rect COORDS='591,136,676,168' HREF='http://www.livejournal.com/users/yourjournal/info' ALT='User Info'><br /><AREA SHAPE=rect COORDS='563,190,724,225' HREF='http://www.livejournal.com/users/yourjournal/calendar' ALT='Calendar'><br /></MAP><br /><br /><style type="text/css"><br /><!--<br />table table table table .meta <br /><br />{visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta <br /><br />{visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br />--><br /></style><br /><br /><=LASTN_WEBSITE<br /><br />LASTN_TALK_LINKS<=<br /><tr><br /><td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: center"><br />%%readlink%%<a href="%%urlpost%%">Post Comment</a><br /><br /><br /><center><hr color="#052F38"></center><br /></td><br /></tr><br /><=LASTN_TALK_LINKS<br /><br /><!-- end code provided by createblog.com -->

[*torngemini*]

okay I kinda finally got the image working but now only 2 of the words of the image map are working I have "ENTRIES / FRIENDS / INFO / CALENDAR" on myimage map and now only Friends and Calendar are working. When I click on Entries or Info ... nothing happens as if they're just an image