100% height div across multiple browsers including mobile Safari.

set-100-percent-height.js

/**
 * 100% height div across multiple browsers including mobile Safari.
 * http://www.ethanhackett.com/?blog=window-height-100-on-mobile-safari-coding-solution
 */
( function( $, window, undefined ) {

	// First check to see if the platform is an iPhone, iPod, iPad (mobile Safari)
	if ( /iP/.test( navigator.platform ) && /Safari/i.test( navigator.userAgent ) ) {
		var mobileSafari = "Safari";
	}

	// Set the div height
	function set100PercentHeight( element ) {
		var new_height = $(this).height();
		// if mobileSafari add +60px
		if ( typeof mobileSafari === 'string' ) { new_height += 60; };
		element.css( 'height', new_height );
	}

	// Resize Elements
	set100PercentHeight( $( '#supersized' ) );
	$( window ).resize( function() {
		set100PercentHeight.call( this, $( '#supersized' ) );
	} );

} ( jQuery, this ) );