z-index Problem ?!

[WolfgangB]

Hallo und Guten Tag,

wenn ich mir die hier so besprochenen Themen anschaue, hoffe ich mal, mit meinem profanen Problem nicht diskriminiert zu werden.

Ich habe auf meiner Seite erlaubterweise per Script ein Slide-in-Menü eingebaut, das fast überall funtioniert. Nur an einer Stelle legt sich das ausgefahrene Menü unter die auf der Seite definierten DIVs - das sieht nicht so toll aus:

In der Hoffnung, es läge daran, habe ich eine ganze Weile mit mit diversen Werten von "z-index=" herumexperimentiert, aber in keinem der mir zur Verfügungs stehenden Browsern legt sich das Menü in den Vordergrund.

Die drei überlagerten DIVs in der ausgelagerten CSS-Datei lauten: (Bücher)

#Inh2 {position:absolute; top: 87px; left: 5px; width: 191px; height:161px; border-width:2px; border-style:solid; z-index:-1;}

(aufgeschlagenes Buch)

#Inh3 {position:absolute; top:254px; left: 80px; width: 200px; height: 25px; z-index:1;}

(unter dem aufgeschlagenen Buch befindliche Grafik)

#Inh5 {position:absolute; top:475px; left: 23px; width: 160px; height: 22px; z-index:-1;}

Ein Teil des Slide-In-Menüs in der ausgelagerten JavaScript-Datei lautet:

if(Browser=="IE"||Browser=="NS6")
{document.write("<DIV ID='Logo' STYLE='position:absolute; top:1; z-index=5; visibility:hidden;' onmouseover='zeigen()' onmouseout='verstecken()'>")}
else
{document.write("<LAYER NAME=\"Logo\" top=1 visibility='hide' onmouseover='zeigen()' onmouseout='verstecken()' z-index='1'>")}
document.write("<table class=RM><tr><td class=RM40>")

Hat jemand einen Vorschlag, wie das Menü in den Vordergrund kommt ?

Wer sehen möchte, wie unschön es in Gänze wirkt und klickst Du "Erste Hilfe".

Vorab schon einmal ... ... und ein schönes Wochenende Wolfgang