Jquery mouseover, mouseout problém

Ahoj, dělám jeden web a má drobný problém. Posílám screen a na něm popíšu problém

OD9f

Když uživatel najede myší na ty malé kruhy tak se mu objeví černý podklad s textem Show an example a na tím se změní ten velký obrázek (tak je to na screenu) - to funguje. Problém je s tím obrázkem vlevo pod tím (ruka) - má nastaveno position: absolute a průhledné okraje, ale bohužel pravá horní průhledná část obrázku zasahuje do prostoru těch malých kruhů a tady nastává problém - jquery to vyhodnotí jako že user už není myší na tom malém kruhu (mám tam on("mousout"...) a zachová se to jaky by uživatel s myší odjel z kruhu.

Vůbec nevím jak to vyřešit - z-index na to vůbec nemá vliv (resp když nastavím té ruce z-index na -1 tak to funguje, ale zmizí i ruka).

Nevíte c os tím? posunout to nemůžu...

Díky moc za pomoc.

Edit: Zatím jsem to nahradil jiným obrázkem, který není tak široký (nemá dole pokračování které na screenu není vidět), ale určitě to musí mít nějaké jiné řešení bez nutnosti zmenšovat obrázek.