[HTML][CSS] HOVER na DIVie Opcje

[oomaster]

Witam,

Mam problem z hoverem. Otóż chciałbym by po najechaniu na diva wyświetlił się warstwa na nim z obrazkiem. Ale działa tylko w części. Znaczy jak najdzie się na tekst to się wyświetla a na obrazku nie działa...

Cały kod i działanie dostępne tutaj: http://jsfiddle.net/KmmLa/

Z góry wielkie dzięki za pomoc :-)

[HTML] pobierz, plaintext 
<a href="#"><div class="box-st wid-300 heg-190" style="background:url(http://masterkasa.pl/gfx/a3.jpg) no-repeat; background-color:#ededed;">
<div class="box_hover">
<div class="glbox-in"><p class="tag">HIT OFERTA</p></div>
<div  class="op op600 size-20 col-black txt-in">Tekst nasz przykładowy zaprezentowant na stronie</div>
</div>
</div></a>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
.box-st {float:left;position:relative;display: block;-webkit-border-radius: 4px;-moz-border-radius:4px;border-radius: 4px;}
 
.box_hover:hover {position: absolute; top: 0;left: 0; z-index: 100; width:300px; height:190px;background:url(http://masterkasa.pl/gfx/tlo_spr.png) no-repeat;background-position: center;}
 
.glbox-in {top: 96px; left: 5px; padding: 0px; position: absolute; z-index: 4;}
 
.txt-in {top: 121px; left: 0px; padding: 0px; position: absolute; z-index: 3; width:280px; padding:5px 10px 0 10px;}
 
.tag {background:#292564; color:#ffffff; font-family: 'Open Sans', sans-serif; font-size:13px; padding:2px 4px 2px 4px; display: inline;-webkit-border-radius: 4px;-moz-border-radius:4px;border-radius: 4px;}
 
.wid-300 {width:300px;}
.heg-190 {height:190px;}
.op{font-family: 'Open Sans', sans-serif; display: inline;}
.op600 {font-weight: 600;}
.size-20{font-size: 20px;}
.col-black {color:#4a4a4a;}
[CSS] pobierz, plaintext 

[PrinceOfPersia]

zaznaczasz, Ctrl+X, a potem Ctrl+V w inne miejsce, np. tak:
http://jsfiddle.net/KmmLa/2/
(tylko tu jeszcze wypozycjonować musisz).

co to znaczy elegancko zrobione z-index?