Letztens bin ich auf ein Problem bzgl. der Reihenfolge der Überlappung von DIVs gestoßen:
Im Internet Explorer 9 und im Mozilla Firefox hat es problemlos funktioniert – nur Chrome hat sich geweigert: Das betreffende DIV war hinter dem anderen. Z-Index war korrekt gesetzt.
Sobald man in Google Chrome aber die Entwicklertools eingeschalten hat, kam das DIV nach vorne. Wtf…?
Bei div. CSS-Validierungs-Service fand ich keinen Fehler.
Lösung
Obwohl „position: relative;“ eigentlich die Default-Einstellung von Objekten ist, habe ich es explizit noch einmal in den CSS-Code geschrieben. Das hat das Problem gelöst.