Hogy oldanátok meg ezt a jquery/css problémát?

Van egy képnézegetőm, amelyben van lehetőség kinagyítani a képet modal picture-be. (Eltűnik a háttér, és előjön a kép.) A "teljes képernyő" gombbal jön elő a kép, ugyanakkor viszont a kép tartó div-jére kattintva tűnik el. A probléma az, hogy van egy külső div class és egy belső. Vannak navigáló nyilak, hogy egyik képről a másikra lehessen váltani, amik tök jól működnek egészen addig, amíg teljes képernyőben meg nem nyitom a képet. Utána vált egyet, de mivel a navigáló gombok a külső divben vannak, hiszen az határozza meg, hogy mihez képest kell az elhelyezés szerinti margint számolni, ezért be is csukódik a teljes képernyős nézet. A navigációs gombok z-indexe nagyobb, mint a kereté, nem értem miért zárja be így, tehát az y tengelyen elvileg "magasabban" helyezkednek el, mint a külső div. Meg lehet valahogy oldali azt, hogy teljes képernyős nézet esetén a navigációs gombra kattintva ne tűnjön el a fullscreen nézet csak akkor, ha a külső div-re kattintok? Marhára jó lenne megoldani.

Köszi előre is!