It's weird I just did my site in dreamweaver and I aparently made it work only in fire fox: http://www.neondevil.com


When I run the error checker aparently the map id tags aren't compatable and I have no idea to fix this, you guys have any ideas? Code is below:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Neondevil.com - Designs and Oddities</title>
<script language="JavaScript" type="text/javascript">
<!--

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'v=='hide')?'hidden':v; }
obj.visibility=v; }
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<style type="text/css">
<!--
#News {
position:absolute;
width:257px;
height:257px;
z-index:1;
left: 158px;
top: 109px;
overflow: auto;
visibility: hidden;
background-color: #000000;
}
.style2 {
font-family: Century, "Century Gothic", "Century Schoolbook";
font-size: 14px;
color: #FFFFFF;
}
.style3 {font-family: Century, "Century Gothic", "Century Schoolbook"; font-size: 14px; color: #FFFFFF; font-weight: bold; }
#Gallery {
position:absolute;
width:87px;
height:190px;
z-index:2;
left: 409px;
top: 302px;
visibility: hidden;
}
.style4 {font-size: 9px}
#Resume {
position:absolute;
width:87px;
height:117px;
z-index:3;
left: 523px;
top: 374px;
visibility: hidden;
}
#Links {
position:absolute;
width:169px;
height:105px;
z-index:4;
left: 695px;
top: 356px;
background-color: #000000;
visibility: hidden;
}
.style5 {color: #FFFFFF}
body,td,th {
font-family: Century, Century Gothic, Century Schoolbook;
}
a:link {
color: #9933CC;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF33FF;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
body {
background-color: #666666;
}
#Layer1 {
position:absolute;
width:275px;
height:30px;
z-index:5;
left: 390px;
top: 562px;
visibility: visible;
}
#Contact {
position:absolute;
width:200px;
height:115px;
z-index:6;
left: 592px;
top: 392px;
visibility: hidden;
}
.style6 {color: #FFFFFF; font-size: 16px; }
-->
</style>
</head>

<body>

<div align="center"><img src="mainpage2.gif" name="image1" width="787" height="575" border="0" usemap="#Map" id="image1" onclick="MM_showHideLayers('News','','hide');MM_sh owHideLayers('Gallery','','hide');MM_showHideLayer s('Resume','','hide');MM_showHideLayers('Links','' ,'hide');MM_showHideLayers('Contact','','hide')" />
<div class="style6" id="Contact">
<p><strong>Email:</strong></p>
<p>Lawrence@neondevil.com</p>
</div>
</div>
<div id="Links">
<p align="center" class="style5"><a href="http://www.notcot.org" target="_blank">NotCot.org</a></p>
<p align="center" class="style5"><a href="http://www.conceptart.org" target="_blank">conceptart.org</a></p>
<p align="center" class="style5"><a href="http://www.juxtapoz.com" target="_blank">juxtapoz.com</a></p>
</div>
<div align="center">
<map name="Map" id="Map">
<area shape="poly" coords="244,494,212,494,210,521,241,518,262,519,27 6,517,276,498,243,494" href="#" onclick="MM_showHideLayers('Contact','','hide','Ne ws','','show');MM_showHideLayers('News','','show') ;MM_showHideLayers('Resume','','hide','Gallery','' ,'hide')" />
<area shape="rect" coords="296,491,384,522" href="#" onclick="MM_showHideLayers('Contact','','hide','Ga llery','','show');MM_showHideLayers('Resume','','h ide');MM_showHideLayers('Links','','hide')" />
<area shape="circle" coords="103,506,59" href="index.html" />
<area shape="rect" coords="523,491,614,523" href="#" onclick="MM_showHideLayers('Contact','','show','Li nks','','hide','Resume','','hide','Gallery','','hi de')" />
<area shape="rect" coords="406,492,500,523" href="#" onclick="MM_showHideLayers('Contact','','hide','Re sume','','show');MM_showHideLayers('Gallery','','h ide');MM_showHideLayers('Links','','hide')" />
<area shape="rect" coords="630,490,711,525" href="#" onclick="MM_showHideLayers('Contact','','hide','Li nks','','show');MM_showHideLayers('Resume','','hid e','Gallery','','hide')" />
</map>
</div>
<div id="Resume">
<div align="center"><img src="resumebar.jpg" width="87" height="125" border="0" usemap="#Map3" />
<map name="Map3" id="Map3">
<area shape="rect" coords="6,47,82,70" href="resume/Lawrence Mascia_Resume_Neondevil.com.rar" />
<area shape="rect" coords="6,5,82,39" href="#" onclick="MM_openBrWindow('resume/resume.html','Resume','scrollbars=yes,width=700,he ight=800')" />
</map>
</div>
</div>
<div id="Gallery">
<div align="center"><img src="gallerybar.jpg" width="87" height="195" border="0" usemap="#Map2" href="#" />
<map name="Map2" id="Map2">
<area shape="rect" coords="7,8,82,42" onclick="MM_openBrWindow('design gallery/dgallery.html','Design','scrollbars=yes,width=400, height=650')" />
<area shape="rect" coords="2,47,81,71" href="#" onclick="MM_openBrWindow('illustration gallery/igallery.html','Illustration','scrollbars=yes,widt h=400,height=650')" />
<area shape="rect" coords="4,79,85,106" href="#" onclick="MM_openBrWindow('photography gallery/pgallery.html','Photography','scrollbars=yes,width =400,height=650')" />
<area shape="rect" coords="6,114,87,145" href="#"/>
</map>
</div>
</div>
<div id="News">
<p align="center" class="style3">NEWS</p>

<div align="center">
<pre class="style2">4/24/07


Design Gallery is now up



4/17/07</pre>

<pre class="style2">Just started working on it.</pre>
</div>
</div>
<div class="style4" id="Layer1">
<div align="center">all works contained are copyrighted by Lawrence Mascia 2007 </div>
</div>
</body>
</html>