Pegar resolução da tela

Salve pessoal,

Entendo pouco de javascript e preciso pegar a resolução do usuário para acrescentar alguns elementos CSS no site de acordo com a resolução.

Já pesquisei no google e aqui no fórum, mas não encontrei nada que resolvesse meu problema.

Meu código:

function resolucao(){
	w = screen.width;
	h = screen.height;

	container = document.getElementById("container");
	flash = document.getElementById("flash");

	if (w == 800 || h == 600){
 container.style.width = "780px";
 flash.style.padding = "180px 3px 110px 17px";
	}else if (w == 1024 || h == 768){
 container.style.width = "1000px";
 flash.style.padding = "180px 112px 110px 128px";
	}else{
 container.style.width = "1000px";
 flash.style.padding = "180px 112px 110px 128px";
	}
}
window.onload = resolucao;

Container e Flash são as ID's das divs que preciso alterar.

No firefox o código funciona sem problemas, mas no IE, tanto 6 como 7 não.

Um conhecido me disse que screen não funciona no IE.

Na barra de status do IE, fica com o sinal de alerta e ao dar dois cliques dá esse erro:

O objeto não dá suporte para a propriedade ou método.

Se alguém puder me ajudar. Agradeço.