Стили под разное разрешение
 

Уважаемые форумчане, помогите решить проблему.
Суть такая: есть сайт, где вначале определяется ширина экрана

<script language=JavaScript>
if (screen.width <= '800') {document.write ('<LINK href="style800.css" rel="stylesheet" type="text/css">');
}
else if (screen.width <= '1024') {document.write ('<LINK href="style1024.css" rel="stylesheet" type="text/css">'); }
else if (screen.width <= '1152') {document.write ('<LINK href="style1152.css" rel="stylesheet" type="text/css">'); }
else if (screen.width <= '1280') {document.write ('<LINK href="style1280.css" rel="stylesheet" type="text/css">'); }
else if (screen.width <= '1440') {document.write ('<LINK href="style1440.css" rel="stylesheet" type="text/css">'); }
</script>

и соответственно работает одна из CSS (css800, css1024, css1152, css 1280, css1440).
Эта конструкция не всегда работает с IE (одна из политик IE не позволяет скрипты запускать), в Mozzil'e всё в порядке.
Хотел обойти эту проблему таким образом (без использования script)
<link href="style'+screen.width+'.css" rel="stylesheet" type="text/css">
Соответственно если ширина экрана 1440, то screen.width=1440 и используется таблица стилей css1440.
Но не работает блин.
Вот собственно и вся проблема.
Помогите советом.
Вот страница сайта. Сделать разрешение одно для IE не получится, т.к. в дизайне справа есть картинка на фоне.

А с чего вы взяли, что окно будет обязательно распахнуто на весь экран?

У меня двухколоночный дизайн (точнее двухдивовый)
<--1.фон%--><--2.site770px--><--3.div(фон+картинка)%-->
соответственно в css для различных разрешений монитора идёт процентовка областей 1. и 3. Область 2 задана жёстко размером 770px.(Это есть сам сайт, он в свою очередь состоит из нескольких дивов). Задумано так чтобы при различной ширине экрана области 1. и 3. были одинаковыми.