Some links work in Firefox but not in IE - band profile div overlay, URL and screenshots provided! Options

[Supanamu]

Hello all! I did the requisite search and could not find a post that addressed this question specifically, although I did try out a couple things mentioned in other, somewhat-related posts, but to no avail.

Here's the site I'm working on:

www.myspace.com/innerlude


The pages have the 'underconstruction blog' code as their base, with some minor tweaks by me...when I finished the div overlay graphics, everything worked fine in FF, but in IE some of the main links didn't work and there were spaces between the graphics. The links are image maps, if that affects anything.

The links I'm referring to (work fine in FF, but not at all in IE):

click to enlarge

The spaces between graphics (only show up in IE):

click to enlarge

The main page code:

CODE

<img src="http://www.empireneptune.com/host/myspace/myspace-profile-template-innerlude_01.jpg" />

<img name="untitled1" src="http://www.empireneptune.com/host/myspace/myspace-profile-template-innerlude_02.jpg" border="0" id="untitled1" usemap="#m_untitled1" alt="" /><map name="m_untitled1" id="m_untitled1">
<area shape="rect" coords="62,20,211,74" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=7172751" alt="" />
<area shape="rect" coords="598,20,728,75" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=7172751" alt="" />
<area shape="rect" coords="418,21,551,76" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=7172751" alt="" />
<area shape="rect" coords="241,20,385,76" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=7172751" alt="" />

<img src="http://www.empireneptune.com/host/myspace/myspace-profile-template-innerlude_03.jpg" />

<div class="videomain">
<div class="floatleft">
<param name="movie" value="http://www.youtube.com/v/69Zai_Rrrus&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/69Zai_Rrrus&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="325" height="255"></embed></div>
</div>

<div class="player">
<div class="floatright">
<p style="visibility:visible;"><embed src="http://www.mp3asset.com/swf/mp3/mff-mpodmin.swf" quality="high" wmode="transparent" flashvars="myid=9712526&path=2008/05/13&mycolor=0xd54b2f&mycolor2=0xFFFFFF&mycolor3=0xEB3C0C&autoplay=true&rand=0&f=3&vol=100&pat=3" width="150" height="200" name="myflashfetish" align="middle"type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" /></p></div>
</div>

<img src="http://www.empireneptune.com/host/myspace/myspace-profile-template-innerlude_06.jpg" />

The CSS style code:

CODE

<style type="text/css">

body
{
background-color:990000;
background-image: url('http://www.empireneptune.com/host/myspace/bg-myspace-innerlude.jpg');
background-repeat: repeat-y
background-attachment:fixed;
background-position:center;
}

.player
{
background-image: url('http://www.empireneptune.com/host/myspace/myspace-profile-template-innerlude_05.jpg');
background-repeat: repeat-no
background-attachment:fixed;
margin:0px 0;
background-color:7a7a77;
height:211px;
padding-top:0px;
color:eaeae9;
}

.videomain
{
background-image: url('http://www.empireneptune.com/host/myspace/myspace-profile-template-innerlude_04.jpg');
background-repeat: repeat-no
background-attachment:fixed;
margin:0px 0;
background-color:7a7a77;
height:404px;
padding-top:0px;
color:eaeae9;
}

.floatright
{
float: right;
margin: -10 80 0px 0px;
}

.floatleft
{
float: left;
margin: 46 0 0px 105px;
}

</style>

If any other info I have can help, just let me know and I'll add it.

Thanks so much for any help.

Nams!

[fixtatik]

i can't seem to get the same error you're getting. no matter what browser i use (safari, opera, firefox & ie), none of the image map links work, but there are no spaces between your images.

what version of ie / firefox are you using?