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!!!

[S-Majere]

If you don't post your code, how can you expect anyone to be able to help you?

No, there is no known 'quick fix' for compatibility between browsers. Your code will need to be redone.

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