Beim Scrollen in Opera verschwindet Menü

Hallo Moni,

Opera klaut mir mein Menü beim scrollen...

(auf http://www.house-of-blue-eyes.de/)

Anscheinend kommt Opera nicht so ganz klar mit einer absoluten Positionierung der Menüpunkte innerhalb der fixen Positionierung von #menu_container. Besser wäre es, auch die Menüpunkte zu fixieren. Die einheitlichen CSS-Eigenschaften der Menüpunkte könnte man dabei gleich auf einer höheren Ebene zusammenfassen:

#menu_container div {
position:fixed;
width:100px;
height:20px;
}

Dies gilt dann für alle Divs innerhalb von #menu_container

Für den Internet Explorer muss man das position:fixed anschließend wieder in ein position:absolute umwandeln:

* html #menu_container div {
position:absolute;
}

Bei den einzelnen Menüpunkte kann man dann platzsparend die oben bereits definierten Angaben für Position, Breite und Höhe weglassen:

#home {
z-index:12;
left: 140px;
top: 190px;
}
#news {
z-index:13;
left: 127px;
top: 210px;
}
#billy {
z-index:14;
left: 113px;
top: 230px;
}
/* und so weiter */

Hi Jörg,

sorry, wollte mich schon eher melden...

Ich habe es so probiert, es haut nicht hin, da ich im Menü_Container ja die genau Platzierung des gesamten Menüs angegeben habe...

Mir zerhaut es so das ganze Menü

Schönen Sonntag
Moni

Verschoben: Frage zu den Doppel-Postings

Vielleicht die Änderungen nochmal im einzelnen, dass es keine Missverständnisse gibt:

Bleibt so wie es war:

#menu_container {
position : fixed;
font-family : "Comic Sans MS",Arial, Helvetica, Geneva, sans-serif ;
font-size : 8pt;
color : #f0c000;
left : 0;
width : 381px;
top : 0;
height : 343px;
text-align: right;
}

Bleibt so wie es war:

* html #menu_container {
position : absolute;
margin : 0;
}

Geändert:

#home {
z-index:12;
left: 140px;
top: 190px;
}
#news {
z-index:13;
left: 127px;
top: 210px;
}
#billy {
z-index:14;
left: 113px;
top: 230px;
}
#shannon {
z-index:15;
left: 98px;
top: 250px;
}
#rayoflight {
z-index:16;
left: 88px;
top: 270px;
}
#fotogalerie {
z-index:17;
left: 75px;
top: 290px;
}
#infos {
z-index:18;
left: 65px;
top: 310px;
}
#puzzle {
z-index:19;
left: 58px;
top: 330px;
}
#awards {
z-index:20;
left: 51px;
top: 350px;
}
#links {
z-index:21;
left: 45px;
top: 370px;
}
#gästebuch {
z-index:22;
left: 41px;
top: 390px;
}
#impressum {
z-index:23;
left: 37px;
top: 410px;
}

Hinzugefügt:

#menu_container div {
position:fixed;
width:100px;
height:20px;
}

* html #menu_container div {
position:absolute;
}