Internet Explorer vs Firefox - Help!, My code works in one but not the other! Options

[inspired78]

Hi!

My div layout looks fine and one link works in Internet Explorer but not Firefox! any help on this? Is there a special code I can use to get it to work fine in both??

I have an Artist Profile.

Thank you!!!

[inspired78]

Here's the code:

<img border="0" src="http://img262.imageshack.us/img262/571/myspacelayoutcropped3imgr2.png" width="700" height="600" usemap="Myspace_Layout___cropped3_Map">

<span class="text"><style type="text/css">
body{background-color:1D0D12;border-color:E4D5BA;border-width:6px;border-style:solid;overflow:auto;scrollbar-face-color:1D0D12;scrollbar-3dlight-color:A48F80;scrollbar-shadow-color:A48F80;scrollbar-track-color:1D0D12;scrollbar-darkshadow-color:A48F80;scrollbar-arrow-color:E4D5BA;scrollbar-highlight-color:A48F80;}

div div select, div div form {display:visible !important;}
select { filter:alpha(opacity=0); }
.ftd {Moves the entire profile up - hey hey hey goodbye}
body table {margin-top:-50000px;}

.ftd {Keeps the ad, search form, and navigation links in place}
body td table, body div table {margin-top: 0;}

.ftd {Makes the table the ad, search form and nav links are on transparent}
table, tr, td {background-color:transparent;}

.ftd {Removes the search form}
body div table form{display:none;}

.ftd {For comment boxes to display}
body table div form{display:block;}

.ftd {Hides the dividers in between the nav links}
div table td font {visibility:hidden; }

a.navbar:active, a.navbar:visited, a.navbar:link { color:808080; }
a.navbar:hover { color:000000; }

.navbar {visibility:visible !important;}


</style>
</style></span>
</td>
</tr>
<tr>
<td valign="top" align="left" width="435" bgcolor="ffffff" style="word-wrap: break-word">
<span class="orangetext15">
Who I'd like to meet:</span><br/>
<span class="text"><div class="jolie" style="position: absolute; left:150px; top:195px; width:1000px; height:600px; overflow:hidden;">

<div style="position: absolute; width: 100px; height: 100px; z-index: 1" id="layer1">



<map name="Myspace_Layout___cropped3_Map">

<area shape="rect" alt="" coords="168,228,252,264" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=80096067&MyToken=583eb209-b8cb-484b-a21b-6d7bcfb74eed" target="_self">
<area shape="rect" alt="" coords="301,185,381,220" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=80096067&MyToken=583eb209-b8cb-484b-a21b-6d7bcfb74eed" target="_self">
<area shape="rect" alt="" coords="168,183,267,217" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=80096067&MyToken=583eb209-b8cb-484b-a21b-6d7bcfb74eed" target="_self">
<area shape="rect" alt="" coords="154,268,207,287" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=80096067&MyToken=583eb209-b8cb-484b-a21b-6d7bcfb74eed" target="_self">
<area alt="add to friends" coords="0,0,699,591" shape="rect" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=80096067&MyToken=583eb209-b8cb-484b-a21b-6d7bcfb74eed" target="_self">
</map>

<img border="0" src="http://img262.imageshack.us/img262/571/myspacelayoutcropped3imgr2.png" width="700" height="600" usemap="Myspace_Layout___cropped3_Map"></div>

<div style="position: absolute; left: 500px; top: 106px; width: 200px; height: 401px; z-index: 2; overflow:auto;scrollbar-face-color:1D0D12;scrollbar-3dlight-color:A48F80;scrollbar-shadow-color:A48F80;scrollbar-track-color:1D0D12;scrollbar-darkshadow-color:A48F80;scrollbar-arrow-color:A48F80;scrollbar-highlight-color:A48F80; id="layer2">


Any help?!?!