подключение .css в зависимости от разрешения монитора

Я хотела бы задать вопрос по поводу HTML и .CSS...
Тут вот какое дело, я бы хотела в зависимости от разрешения экрана, подключать различные файлы .css. В принципе ход действий есть:

<SCRIPT LANGUAGE=&quot;JavaScript&quot;>
<!--
function redirectPage(){
var url800x600 = &quot;style_b_800_600.css&quot;;
var url1024x768 = &quot;style_b_1024_768.css&quot;;
if ((screen.width == 800)&amp;&amp;(screen.height == 600))

****
document.link(&quot;<link rel=stylesheet href=/&quot;style_b_800x600.css/&quot; type=/&quot;text//css/&quot;>&quot;);
else document.link(&quot;<link rel=stylesheet href=/&quot;style_b_1024x768.css/&quot; type=/&quot;text//css/&quot;>&quot;);

****
}
-->
</SCRIPT>

Но вот место выделенное звездочками явно неправильное...
Помогите пожалуйста...