Besten Dank erst mal für deine Bemühungen. Die CSS-Eigenschaft Z-Index ist mir bekannt und bewirkt in diesem Fall absolut nichts.
Wenn du mir wirklich helfen willst, wäre es vieleicht trotzdem nicht das verkehrteste, wenn du meinen Beispielcode kurz anschauen würdest.
an geschaut hab ich deinen beispielcode, nur ausprobiert habe ich ihn nich ;) - ich meine immer noch, dass dir z-index irgendwie helfen wird, du solltest vor allem beachten, dass sich z-index nur auf positionierte elemente auswirkt und in jedem ast des dokumentenbaums einen eigenen kontext erzeugt höherer z-index heisst nicht automatisch "element liegt" darüber
beispiel (pseudocode)
<div1 z-index 100 />
<div2 z-index 10>
<div3 z-index 200 />
</div>
in diesem beispiel liegt div1 über div2 und somit über div3 (da ja div2 bereits über div1 liegt)
<div1 z-index 10 />
<div2 z-index 100>
<div3 z-index 5 />
</div>
in diesem beispiel liegt div2 über div1, und div3 über div1 (da schon sein elternelement darüber liegt)