Netscape compatible problems - help!

[Pia]

Hi,

Im new to this forum - it looks very exiting and a lot of experieced webbers around, so one of you might be able to help me - hopefully!

I have made some code for a new page - with the help of some friends...it works ok with the browser IE but not with netscape (7) or any other..

My friend tells me it could be the span/layer commands.

Has anybody got any ideas to fix this...or do I have to start from a clean page again..dread..

thanks anyway in advance!
/P

Here is a piece of the html:

<script language="JavaScript">
<!--

function MM_showHideLayers() { //v2.0
var i, visStr, args, theObj;
args = MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
visStr = args[i+2];
if (navigator.appName == 'Netscape' && document.layers != null) {
theObj = eval(args[i]);
if (theObj) theObj.visibility = visStr;
} else if (document.all != null) { //IE
if (visStr == 'show') visStr = 'visible'; //convert vals
if (visStr == 'hide') visStr = 'hidden';
theObj = eval(args[i+1]);
if (theObj) theObj.style.visibility = visStr;
} }
}
//-->

</script>
</div>
</table>
<span id="Layer1" style="position:absolute; left:0px; top:0px; width:150px; height:493px; z-index:1; visibility: visible">


<p align="center"><b><font size="+1" color="#990000"><br>

<br><br>



<!-- Welcome text if needed - maybe date updated-->

</font></b> </a>
<br>
<br>
<br> <br>


<table width="145" border="0" cellspacing="0" cellpadding="0" height="539">

<tr>
<td height="30">
<div align="center"><b><a href="#" onclick="MM_showHideLayers('document.layers[\'Layer3\']',
'document.all[\'Layer3\']','hide','document.layers[\'Layer19\']','document.all[\'Layer19\']','show','document.layers[\'Layer4\']','document.all[\'Layer4\']','hide','document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide','document.layers[\'Layer8\']','document.all[\'Layer8\']','hide','document.layers[\'Layer9\']','document.all[\'Layer9\']','hide','document.layers[\'Layer10\']','document.all[\'Layer10\']','hide','document.layers[\'Layer11\']','document.all[\'Layer11\']','hide','document.layers[\'Layer12\']','document.all[\'Layer12\']','hide','document.layers[\'Layer13\']','document.all[\'Layer13\']','hide','document.layers[\'Layer14\']','document.all[\'Layer14\']','hide','document.layers[\'Layer15\']','document.all[\'Layer15\']','hide','document.layers[\'Layer16\']','document.all[\'Layer16\']','hide','document.layers[\'Layer17\']','document.all[\'Layer17\']','hide','document.layers[\'Layer18\']','document.all[\'Layer18\']','hide','document.layers[\'Layer20\']','document.all[\'Layer20\']','hide','document.layers[\'Layer21\']','document.all[\'Layer21\']','hide','document.layers[\'Layer22\']','document.all[\'Layer22\']','hide')">
<p align="center"><font face="Arial" size="1" color="white">

<b>:::HOME:::
</b>
</a></b></div>
</td>
</tr>



<tr>
<td height="30">
<div align="center"><b><a href="#" onclick="MM_showHideLayers('document.layers[\'Layer3\']',
'document.all[\'Layer3\']','show','document.layers[\'Layer19\']','document.all[\'Layer19\']','hide','document.layers[\'Layer4\']','document.all[\'Layer4\']','hide','document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide','document.layers[\'Layer8\']','document.all[\'Layer8\']','hide','document.layers[\'Layer9\']','document.all[\'Layer9\']','hide','document.layers[\'Layer10\']','document.all[\'Layer10\']','hide','document.layers[\'Layer11\']','document.all[\'Layer11\']','hide','document.layers[\'Layer12\']','document.all[\'Layer12\']','hide','document.layers[\'Layer13\']','document.all[\'Layer13\']','hide','document.layers[\'Layer14\']','document.all[\'Layer14\']','hide','document.layers[\'Layer15\']','document.all[\'Layer15\']','hide','document.layers[\'Layer16\']','document.all[\'Layer16\']','hide','document.layers[\'Layer17\']','document.all[\'Layer17\']','hide','document.layers[\'Layer18\']','document.all[\'Layer18\']','hide','document.layers[\'Layer20\']','document.all[\'Layer20\']','hide','document.layers[\'Layer21\']','document.all[\'Layer21\']','hide','document.layers[\'Layer22\']','document.all[\'Layer22\']','hide')">
<p align="center"><font face="Arial" size="1" color="white">

<b>::LATEST NEWS!!::
</b>
</a></b></div>
</td>
</tr>

<tr>
<td height="30">
<div align="center"><b><a href="#" onclick="MM_showHideLayers('document.layers[\'Layer3\']','document.all[\'Layer3\']','hide','document.layers[\'Layer19\']','document.all[\'Layer19\']','hide','document.layers[\'Layer4\']',
'document.all[\'Layer4\']','show','document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide','document.layers[\'Layer8\']','document.all[\'Layer8\']','hide','document.layers[\'Layer9\']','document.all[\'Layer9\']','hide','document.layers[\'Layer10\']','document.all[\'Layer10\']','hide','document.layers[\'Layer11\']','document.all[\'Layer11\']','hide','document.layers[\'Layer12\']','document.all[\'Layer12\']','hide','document.layers[\'Layer13\']','document.all[\'Layer13\']','hide','document.layers[\'Layer14\']','document.all[\'Layer14\']','hide','document.layers[\'Layer15\']','document.all[\'Layer15\']','hide','document.layers[\'Layer16\']','document.all[\'Layer16\']','hide','document.layers[\'Layer17\']','document.all[\'Layer17\']','hide','document.layers[\'Layer18\']','document.all[\'Layer18\']','hide','document.layers[\'Layer20\']','document.all[\'Layer20\']','hide','document.layers[\'Layer21\']','document.all[\'Layer21\']','hide','document.layers[\'Layer22\']','document.all[\'Layer22\']','hide');return false">
<p align="center"><font face="Arial" size="1" color="white">

<b>::SYNOPSIS::
</b>
</a></b></div>
</td>
</tr>




<b> ::FESTIVALS::
</b>
</a></b></div>
</td>
</tr>
<td height="30">
<BR>
</table>

<p align="center"><font face="Arial" size="1" color="#990000">
<a href="http://www.mywebsite.dk">
<b> :::LEP HOME:::</b></a></p>
<p>
<p align="center"><font size="1" color="#999999">
<hr>
© Copyright 2002, Contact:
<left><font size=1><A HREF="mailto:mypage@post.com"><br><left> LEP
</A> </font>


<!------ LEP PRESENTS : (text)!! ---->

</span>
<p>&nbsp;</p>
<span id="Layer2" style="position:absolute; left:150px; top:0px; width:625px; height:50px; z-index:2; visibility: visible">

<center>

<br><br><br><br><br><br><br><br>

<div align="center"><font size="2" color="#999999"><i><b>Jives presents </i>......

<font face="Arial" size="3" color="#990000">

</b><b><i><u>A new gallery</u>

<font size="2" color="#999999">

...... the official homepage</b></i> </font></div>
<HR>


</span>
<p>

<font face="Arial" size="1" color="#990000">


<span id="Layer3" style="position:absolute; left:186px; top:54px; width:571px; height:283px; z-index:3; visibility: hidden">
</p>
<div align="center">
<br><br><br><br><br><br><br>

<!-- NEWS PAGE HERE -->
<p align="left">

<font face="Arial" size="3" color="#990000">
<b>News:
</b>

<font face="Arial" size="1" color="#999999">

<p align="left">

<u>Date: April 2003:</u><br><br>

</p>

Information typed here!
<br>



<br>

<!-- SYNOPSIS -->

</font>


</span>
<span id="Layer4" style="position:absolute; left:154px; top:54px; width:621px; height:137px; z-index:4; visibility: hidden">
&nbsp;
<div align="left"><BR>

<br><br><br><br><br>


<font face="Arial" size="3" color="#990000">
<b><p>Last Exit Synopsis:</p>
</b>
<font face="Arial" size="1" color="#999999">
<!--
<img border="3" src="billeder/lep80.jpg" width="250" height="120">
-->

<table>

<tr>
</td>
<td BGCOLOR="#ffffff" WIDTH="197" CLASS="full">


<img src="billeder\LEP80.jpg" width="250" height="120" border="0"
ALT="Exit - Everyone has colours" BORDER="0">
<font face="Arial" size="1" color="black">
<CENTER>Everyone has colours</CENTER>
</tr>
</table>


More test here…

<BR><BR>

</font>

</div>

…etc with other span tags..