Browsers showing different results for same Jquery

问题:

I have tried to create iOS Safari tabs like UI for the page.

Please visit this page, it's safe, using Chrome, IE, and Firefox (all) (if not possible then refer the image below).
As you can see that only chrome is able to show me the Jquery results perfectly. Its still fine in Firefox as the content is visible, but in IE the matter (images) after scrolling down is not at all visible.

Please provide me a solution for this. Thanks in advance.

Right click and click on "open image in new tab" (and then zoom in)

THIS IS THE CODE USED FOR EVERY IMAGE:

<script type="text/javascript">
$(document).ready(function(){
var repeataction= function() { 
var height=$(window).height(); 
var position=$("#imagett1").position(); 
var percent=position.top/height*100; 
if(position.top>-750){
$("#imagett1").height(percent*2 +550);

if(percent>50){$("#imagett1").height((100-percent)*2 +550)}; };

};
var timeOut= setInterval(repeataction, 1); 
});
</script>