hi everybody

can someone help me out with my problem??

i've created a new myspace music page in a div overlay...

but the image map links are not working on this profile with the explorer browser.... it only works on firefox.. why this???

have i made something wrong??
www.myspace.com/joemarmusic

this is my code i've used for the page:

<STYLE TYPE="text/css">
body {
background-color: 535353;
scrollbar-arrow-color: E5E5E5;
scrollbar-face-color:535353;
scrollbar-3dlight-color: 3F3F3F;
scrollbar-darkshadow-color: 1b1b1b;
scrollbar-shadow-color: 7d7d7d;
scrollbar-highlight-color: 535353;
scrollbar-track-color: 535353;
}
b, strong {color: B6B6B6;}
i, em {color: 414141;
}
body, p, td, font {
font-family: Arial; font-size: 9px; color:B6B6B6; text-transform:;}
table, td, tr, th {
font-family:Arial; font-size: 9px; color: B6B6B6;}
body, td, li, p, div, li, p, br, table {
font-family: Arial; color: B6B6B6; text-transform:;}
.text {
font-family: Arial; font-size: 9px; color: B6B6B6; text-align:left;}
.blacktext12 {
font-family: Arial; font-size: 0px; color: 414141;}
span.blacktext12 {
background-color: transparent; background-image: url(); width: 435px; height: 701px; display: block;
}.redtext
{ font-family: Arial; color:B6B6B6; font-size: 9px;
}.redbtext {
font-family: Arial; color: B6B6B6; font-size: 9px;}
.orangetext15 {
font-family: Arial; font-size: 9px; color: B6B6B6; text-transform:;}
.whitetext12 {
font-family:Arial; font-size: 9px; color: B6B6B6; text-transform:; text-align: center; background-color:1B1B1B; display: block; }
.lightbluetext8 {
font-family: Arial; font-size: 9px; color: B6B6B6; text-transform:; text-align: center; background-color: 1B1B1B; display: block; }
.btext {
font-family: Arial; font-size: 9px; color:414141; text-transform:; text-align: center; background-color: 1B1B1B; display: block; }
.blacktext10 {
font-family:Arial; font-size: 9px; color: 414141; text-transform:; text-align: center; background-color: 1B1B1B; display: block; }
.nametext {
font-family: Arial; font-size: 9px; color:414141; text-transform:; text-align: center; background-color:1B1B1B; display: block; }
table, tr, td {
border: none; background-color: transparent; padding: 0;}
table {
border: none; background-color: transparent;}
table table {
border: none; border-color: none; background-color: transparent;}
table table table {
border: 1px solid; border-color:B6B6B6; background-color:1B1B1B; padding: 0;}
table table table table {
border: none; border-color: none;}
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
font-family: Arial; font-size: 9px; color:B6B6B6; text-transform:; text-decoration: none; }
a:hover, a.navbar:hover, a.redlink:hover {
font-family:Arial; font-size: 9px; color:414141; text-transform:; font-weight: bold;
}

</style>


<div class="bg" style="position: absolute; left:0px; top:0px; width:1000px; height:1600px; overflow: hidden;">
<img src="http://i12.tinypic.com/2z5sn6x.jpg" width="1000" height="1600" border="0" alt="" title="" usemap="Jomar" />
<map name="Jomar" id="Jomar">
<area shape="rect" coords="40,146,411,298" href="http://home.myspace.com/index.cfm?fuseaction=user" alt="" />
<area shape="rect" coords="435,102,691,469" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&amp;friendID=146237596" alt="" />
<area shape="rect" coords="711,97,955,470" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&amp;friendID=146237596" alt="" />
<area shape="rect" coords="53,502,168,554" href="http://home.myspace.com/index.cfm?fuseaction=user" alt="" />
<area shape="rect" coords="186,503,297,555" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&amp;friendID=146237596" alt="" />
<area shape="rect" coords="314,503,429,555" href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&amp;friendID=146237596" alt="" />
<area shape="rect" coords="442,503,559,555" href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&amp;friendID=146237596" alt="" />
<area shape="rect" coords="574,503,689,556" href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&amp;friendID=146237596&amp;MyToken=0688b345-500b-4cb9-a51d-9bbb563406f1" alt="" />
<area shape="rect" coords="704,502,818,555" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&amp;friendID=146237596" alt="" />
<area shape="rect" coords="835,503,948,555" href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&amp;friendID=146237596" alt="" />
</map>
</div>

<style>td td object {position:absolute; left:45px; top:648px; display:block}</style>

Just a quick tip: When you post code, wrap it in the code tags. It makes responders' lives SO much easier.

As for the code, it looks like it may have something to do with MySpace's existing code. Do you know your page violates MySpace Terms of Service by covering everything up with an image map? Take a look at MySpace's default stylesheet and layout. It seems you've got some errors there. I'm just grasping at straws because my IE is IE6 on Windows 98 (a virtual machine), and I don't currently have access to a WinXP system. Along with that, check your profile again and see what MySpace may have sterilized. I had a heck of a time the other day rolling my new MySpace layout because they seem to have started sterilizing the # character, and it was breaking some stuff. Needless to say I was rather annoyed when I realized what the solution was.

I'll take a look at this again when I have access to a WinXP machine with all my debugging tools on it.

rockstar_