Layout com resolução

Boa tarde!

Fiz dois css diferentes para duas resoluções de monitor que usamos na empresa: 800 x 600 e qualquer outra maior que 1024.

Dessa forma estou utilizando o Jquery para capturar a resolução e importar o arquivo css correto. Segue o código:

A solução funcionou perfeitamente no Firefox. Mas no IE em algumas vesões não abre o layout. Vocês poderiam me auxiliar em um modo de acertar o layout correto?

$("document").ready(function(){

 var alt = screen.width;
 if(alt == 800){
 var fonte = 13;
 $('head').append("<link href='includes/resolucao_menor.css' rel='stylesheet' type='text/css'/>");
 }

 if(alt >= 1024){
 var fonte = 12;
 $('head').append("<link href='includes/resolucao_maior.css' rel='stylesheet' type='text/css'/>");

 }
});