Lightbox Klickbereich mit Z-Index

[BlackHawk3]

Hallo,
heute habe ich mal eine simple Frage die mich schon seit langer Zeit beschäftigt und ich bisher noch nicht ohne irgendwelche umständlichen Workarounds gelöst bekommen habe.

Ich bastel eine Lightbox und der ausgegraute Hintergrund soll der Klickbereich sein, der die Lightbox wieder schließt. Folgender Code:

.over2 {
   width:400px;
   height:350px;
   background:#fff;
   left:50%;
   top:50%;
   margin-left:-200px;
   margin-top:-175px;
   position:absolute;
   z-index:20;
}

.dark {
   display:block;
   width:100%;
   height:100%;
   position:absolute;
   z-index:10;
   background:rgba(0,0,0,0.5);
   cursor:pointer;
}

<div class="dark">
   <div class="over2">
       <!-- Irgendwelcher Inhalt -->
   </div>
</div>

Nun bin ich eigentlich davon ausgegangen, dass .over2 komplett über .dark liegt und die Cursor-Eigenschaft nicht übernimmt. Gehe ich mit der Maus über die Lightbox bleibt der Zeiger aber ein Pointer.

Welches kleine feine Detail in der Handhabung mit z-index übersehe ich? Weiß da jemand Rat?

LG

 

[cebito]

.over2 ist ein Kind von .dark, also erbt er auch die Eigenschaften, es sei denn, du spezifizierst sie für ihn wieder anders.

 

[BlackHawk3]

Oh man, da fallen mir doch gleich die Schuppen aus den Augen. Danke schön für den Hinweis.