Positionnement contenu d'une page selon la navigateur et la résolutio

Salut tout le monde, j'ai developpé un min-intranet. Il fonctionne trés bien mais il me reste à résoudre un problème de dernière minute.
En fait l'affichage des données diffère d'un navigateur à un autre et surtout lorsqu'on change la résolution de l'ecran.
J'ai essayé de résoudre ça avec du code Javascript :

 $(document)
		.ready( function() {
			var myWidth = 0, myHeight = 0;
			if (typeof (window.innerWidth) == 'number') {
				// Non-IE
				myWidth = window.innerWidth;
				myHeight = window.innerHeight;
			} else if (document.documentElement
					&& (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
				// IE 6+ in 'standards compliant mode'
				myWidth = document.documentElement.clientWidth;
				myHeight = document.documentElement.clientHeight;
			} else if (document.body
					&& (document.body.clientWidth || document.body.clientHeight)) {
				// IE 4 compatible
				myWidth = document.body.clientWidth;
				myHeight = document.body.clientHeight;
			}
			var h = myHeight - (40 + 25);
			$("#contenu").css("height", h);
			$("#nav").css("height", h);

		});

mais il n'a pas donné satisfaction puis j'ai toujours les scroll-bars vertical même si j'ai pas top de données.
Je vous prie de me guider vers une solution qui pourra résoudre ce problème.
Je vous remercie d'avance.
Cordialement