I have this layout and I want this image map to show
http://i44.photobucket.com/albums/f24/SmokeingGun/ALovethatwillnever.jpg

yet when I place the code on my el jay, it doesnt show, the code is below, can any one help me find out whats wrong?

GLOBAL_HEAD<=

<title>//I Love You Something Fierce\\</title>

<style type="text/css">
div div{visibility:hidden;position:absolute;top:1px;}
tr.caption{visibility:hidden;position:absolute;top :1px}
<!--

body {
overflow-x: hidden;
margin-top: 280px;
background: #817F42;
overflow:-moz-scrollbars-vertical;
background-image: url(http://i44.photobucket.com/albums/f24/SmokeingGun/StarsInYOu.jpg);
background-repeat: repeat-y !important;

}

a:visited {
text-decoration: none;
color: #000000;
font-weight: bold;
}

a:link {
text-decoration: none;
color: #898989;
font-weight: bold;
}

a:active {
text-decoration: none;
color: #000000:
font-weight: bold}

a:hover {
cursor: crosshair;
text-decoration: none;
color: #000000;
}

table {
width: 315px;
margin-left: 115px;
margin-right: 100%;
}

table.entrybox td {
font-size: 9;
}

table table table td.meta {
font-size: 9;
}

.comments {
font-size: 9;
}

p table table td.caption {
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
}

table, tr, td, .shadowed {
background: transparent;
}

table table {
width: 100%;
margin:0;
border:0;
}
table table table {
width: auto;
}

.side {
position: absolute;
top: 302px;
left: 475px;
width: 200px;
z-index: 15;
visibility: not visible;
text-align: justify;
background: #ffffff;
border: 0px solid #FFFFFF;
}

.sidetitle {color: #000000; font-weight: bold;}


body, td, font, div, p {
font-family: verdana;
font-size: 9;
color: #000000;
letter-spacing: 1px;
}

tr.caption{
display:none
}

img.header {
position: absolute;
left:0;
top: 0;
z-index: -10;
}
html>body img.header {
z-index: 1;
}

.shadowed img{
visibility:hidden;position:absolute;top:0
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

p table table td.caption, td.index {
height: 24;
padding: 3;
background-color: #898989;
}

.index {
font-size: 9;
}
.meta {
font-size: 9;
}

-->
</style>
<=GLOBAL_HEAD

LASTN_WEBSITE<=
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='173,9,243,24' HREF='http://www.livejournal.com/users/iboughtyouavcr/friends'>
<AREA SHAPE='rect' COORDS='254,4,298,26' HREF='http://www.livejournal.com/users/iboughtyouavcr/info'>
<AREA SHAPE='rect' COORDS='304,8,391,22' HREF='http://www.livejournal.com/users/iboughtyouavcr/memories'>
<AREA SHAPE='DEFAULT' HREF='http://www.livejournal.com/users/iboughtyouavcr>
</MAP>

<IMG class="header" style="visibility: visible" SRC='http://i44.photobucket.com/albums/f24/SmokeingGun/ALovethatwillnever.jpg' border=0 width=453 height=323 USEMAP='#imgmap'>

<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>

<=LASTN_WEBSITE

I've had a similar experience, but with Neopets Petpages. Some pages don't allow imagemaps. I've looked through your coding (for your image map alone, not the entire stylesheet and all), and it looks like you've done it correctly. The only problem is that LJ probably doesn't allow image maps or something.