JavaScript code works on IE but not Safari (Mac or Windows)
Can anyone tell me why this wouldn't work on Safari?

    // Set the height of the iFrame
    var avail = document.parentWindow.screen.availHeight;
    var screenTop = document.parentWindow.screenTop;
    var divHeight = $('.header').css('height').replace('px','');
    var divTop = $('.header').position().top;
    alert('avail: ' + avail + '\nscreenTop: ' + screenTop + '\ndivHeight: ' + divHeight + '\ndivTop: ' + divTop);
    $('#viewerFrame').css('height', (avail - screenTop - divTop - divHeight - 94) + 'px');

In IE, it works exactly as I want (which means it sizes the iFrame to take up all of the screen that's left after I take into account the size of the window, the header, and so forth...). Why doesn't it work in Safari?
JavaScript code works on IE but not Safari (Mac or Windows)
===

Can anyone tell me why this wouldn't work on Safari?

    // Set the height of the iFrame
    var avail = document.parentWindow.screen.availHeight;
    var screenTop = document.parentWindow.screenTop;
    var divHeight = $('.header').css('height').replace('px','');
    var divTop = $('.header').position().top;
    alert('avail: ' + avail + '\nscreenTop: ' + screenTop + '\ndivHeight: ' + divHeight + '\ndivTop: ' + divTop);
    $('#viewerFrame').css('height', (avail - screenTop - divTop - divHeight - 94) + 'px');

In IE, it works exactly as I want (which means it sizes the iFrame to take up all of the screen that's left after I take into account the size of the window, the header, and so forth...). Why doesn't it work in Safari?