Overlay is not working properly on android and Iphone

[canamo06]

See the bug on the image, this happens when

the content of the popup is bigger that the screen and the page content

Fix:

    function setOverlayHeight() { 

            if ($(window).height() < $(document).height()) {
                $overlay.css({height: $(document).height() + 'px'});
                 $iframe.css({height: $(document).height() + 'px'}); 
            } else {
                var heightNotContent=$self.closest(".mediaLightBox").height() +$self.closest(".mediaLightBox").height()*0.2; 
                if ($(window).height() > heightNotContent)                  
                    $overlay.css({height: '100%'});
                else
                    $overlay.css({height: heightNotContent});
                if (ie6) {
                    $('html,body').css('height','100%');
                    $iframe.css('height', '100%');
                } // ie6 hack for height: 100%; TODO: handle this in IE7
            }
        }