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!

[Supanamu]

I've tested the basic image map code by itself in both IE and Firefox, and they both seem to work fine, independently...so there's something else keeping the links from working in IE. :/

[Supanamu]

None of you CSS masters can help a poor soul out? :)

[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?

[synatribe]

do you by any chance have like <tr> or <td> tags in your code? because some people code in dreamweaver so either spacers or extra table tags can show up which could be the reason why there is a spacing, but I doubt it:/

[fixtatik]

do you by any chance have like <tr> or <td> tags in your code?

i don't think he's using any tables in that code. it's an image stacked on an image stacked on an image.

i'd suggest maybe using img { margin:0; } or even going as far as br { line-height:0; } and just using paragraphs if you need to go to a new line.

[Supanamu]

Sorry for the slow reply - for some reason, even though I have "instant notification" checked, I don't get any emails when people respond.

Nope, no <tr> or <td> tags, thanks for the suggestion though.

I'll try the img { margin:0; } tag...would I replace the old school <img src=" tags right where they are? or do i need to call them with a CSS tag?