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!

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