Bene: Layer+Javascript+CSS

Beitrag lesen

Hallo,
ich plane gerade eine Bandseite und hatte dafür eine besondere Navigation angedacht. Diese hatte ich zuerst in einer extra Datei programmiert und getüftelt und getestet. Als ich das ganze dann in die Index Datei eingefügt habe (wohlgemerkt 1:1 kopiert) funzt nix mehr...

Navigation.php (die erste Datei):
[...]
<style>
.nav {font-size: 8pt; font-face: Verdana}
</style>
<script language="JavaScript">
function layer_on(ide)
{
  ide.style.visibility = "visible";
}

function layer_off(ide)
{
  ide.style.visibility = "hidden";
}
</script>

[...]
<img src="gfx/navigation.gif" width="500" height="400" border="0" alt="" usemap="#navigation_Map">
<map name="navigation_Map">
<area shape="circle" alt="media" coords="231,279,8" href="?p=media" onmouseover="javascript:layer_on('media')" onmouseout="javascript:layer_off('media')">

<area shape="poly" alt="live" coords="201,357, 236,345, 236,364, 201,375" href="?p=live"
onmouseover="javascript:layer_on(live)" onmouseout="javascript:layer_off(live)">

<area shape="poly" alt="gallery" coords="148,209, 131,223, 189,256, 205,239" href="?p=gallery"
onmouseover="javascript:layer_on(gallery)" onmouseout="javascript:layer_off(gallery)">

<area shape="poly" alt="about" coords="249,147, 422,39, 447,48, 290,162" href="?p=about"
onmouseover="javascript:layer_on(about)" onmouseout="javascript:layer_off(about)">

<area shape="poly" alt="link" coords="422,35, 448,44, 447,56, 475,67, 487,59, 500,24, 444,12" href="?p=links" onmouseover="javascript:layer_on(link)" onmouseout="javascript:layer_off(link)">

<area shape="poly" alt="contact" coords="194,170, 144,205, 217,239, 300,173, 237,147" href="?p=contact"onmouseover="javascript:layer_on(contact)" onmouseout="javascript:layer_off(contact)">
</map>

<div id="media" style="position:absolute; left: 350px; top: 280px; visibility: hidden" class="nav">:: MEDIA</div>
<div id="link" style="position:absolute; left:300px; top: 27px; visibility: hidden"class="nav">:: LINKS</div>
<div id="live" style="position:absolute; left:315px; top: 379px; visibility: hidden"class="nav">:: LIVE</div>
<div id="gallery" style="position:absolute; left:5px; top: 162px; visibility: hidden"class="nav">:: GALLERY</div>
<div id="about" style="position:absolute; left:410px; top: 145px; visibility: hidden"class="nav">:: ABOUT</div>
<div id="contact" style="position:absolute; left:85px; top: 115px; visibility: hidden"class="nav">:: CONTACT</div>

und das funktioniert wunderbar im Mozilla (auf die anderen browser muss ich das noch mittels weiche abstimmen), aber als ich dann die startseite gestaltet habe und die navigationsstücke rauskopiert hab, funzts net mehr -.-