img maps not working in IE Options

[sprawl]

heres the problem, everything seems to be working fine in Firefox, but when i open it in IE it wont link in the image maps, the picture is still there just without the hotspots.

http://www.myspace.com/133573316

and heres some code from it

CODE

~~this ones the backing div with image, no maps here~~
<div class="layout" style="position: absolute; top:145px; left:80px;width:800; height:832;">
<img src="http://www.sprawl.ozphreak.com/misc/backing_28-12-06_FuckImDead.jpg" width="800" height="832" border="0"/>
</div>

~~~ and heres the navbar overlay on the div ~~~
<div class="navbar" style="position: absolute; top:145px; left:100px;width:766; height:46;">
<img src="http://www.sprawl.ozphreak.com/misc/fuckimdead_navbar.gif" width="766" height="46" border="0" usemap=nav/>


~~~ and the map that goes with it ~~~~
<map name=nav>
<area shape="rect" coords="3,4,143,44" a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"/>
<area shape="rect" coords="188,4,341,44" a href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx&friendID=XXXXXXXX"/>
<area shape="rect" coords="365,4,440,44" a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"/>
<area shape="rect" coords="480,4,618,44" a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"/>
<area shape="rect" coords="656,4,762,44" a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"/>
</map></div>

and yess i know its full of XXX's but the links should all work, its on a test profile till i can get it working

[fleurdelisx]

Try this instead:

~~~ and heres the navbar overlay on the div ~~~
<div class="navbar" style="position: absolute; top:145px; left:100px;width:766; height:46;">
<img src="http://www.sprawl.ozphreak.com/misc/fuckimdead_navbar.gif" width="766" height="46" border="0" usemap="nav123">


~~~ and the map that goes with it ~~~~
<map name="nav123">
<area shape="rect" coords="3,4,143,44" a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"/>
<area shape="rect" coords="188,4,341,44" a href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx&friendID=XXXXXXXX"/>
<area shape="rect" coords="365,4,440,44" a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"/>
<area shape="rect" coords="480,4,618,44" a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"/>
<area shape="rect" coords="656,4,762,44" a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"/>
</map></div>

[sprawl]

nah it still wont work on IE for me, found it wasn't working on FF cause i lost the quotation marks, thanks for that, thats been fixed and its all good there now.

still the prob on IE though

[ekhast]

OK, I love image mapping, so change this:

CODE

~~~ and heres the navbar overlay on the div ~~~
<div class="navbar" style="position: absolute; top:145px; left:100px;width:766; height:46;">
<img src="http://www.sprawl.ozphreak.com/misc/fuckimdead_navbar.gif" width="766" height="46" border="0" usemap=nav/>


~~~ and the map that goes with it ~~~~
<map name=nav>
<area shape="rect" coords="3,4,143,44" a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"/>
<area shape="rect" coords="188,4,341,44" a href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx&friendID=XXXXXXXX"/>
<area shape="rect" coords="365,4,440,44" a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"/>
<area shape="rect" coords="480,4,618,44" a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"/>
<area shape="rect" coords="656,4,762,44" a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"/>
</map></div>

For this:

CODE

<div class="navbar" style="position: absolute; top:145px; left:100px;width:766; height:46;">

<MAP NAME="Nav">
    <AREA SHAPE="RECT" COORDS="3,4,143,44" HREF="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" TITLE="Add">
    <AREA SHAPE="RECT" COORDS="188,4,341,44" HREF="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx&friendID=XXXXXXXX" TITLE="Friends">
    <AREA SHAPE="RECT" COORDS="365,4,440,44" HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" TITLE="Pics">
    <AREA SHAPE="RECT" COORDS="480,4,618,44" HREF="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" TITLE="Message">
    <AREA SHAPE="RECT" COORDS="656,4,762,44" HREF="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" TITLE="Block">
</MAP>
<IMG SRC="http://www.sprawl.ozphreak.com/misc/fuckimdead_navbar.gif" width="766" height="46" USEMAP="#Nav" BORDER="0"></div>

It works perfectly!!

[sprawl]

yep you got it perfect, thanks for the help

found out that all it needed was the "#" in USEMAP="#Nav" which myspace changes to "&# 035;"
FF doenst seem to need the "#" for it to work, weird.

thanks again for the help.