Quick Javascript Fix for Google Chrome "scale elements with position relative/absolute within element with position fixed" bug.

chrome.fixed-relative-scale.js

/*
    Google Chrome fauls to resize the bounding box of elements with relative/absollute position that are within
    fixed position elements. (Discovered this problem when making this page: http://jthoburn.com/expressive.ly/splash )
    
    This solution is for an 'em based' layout in which width needed to remain in ems in order to not break a scale-while-scroll 
    effect, but would work similarly for pixel and percent based layouts as well.
*/
(function(){
    var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1
    ,   forceRender = function(e){ 
            e.style.width = ""; //enforce calculation off of native value
            e.style.width = (e.offsetWidth + (e.offsetWidth%2? -1 : 1))/(parseFloat( window.getComputedStyle(e, null).getPropertyValue('font-size') )) + 'em';    
        }
    ,	existingCallback = window.onresize
    ;

    if( isChrome ) {
        window.onresize = function(){ 
			
            if(existingCallback) existingCallback():
			
    		forceRender( document.getElementById('logo'));
    		forceRender( document.getElementById('tagline'));	
		
    	};	
    }
})();