IE и показ блоков или подключение разных стилей

Собственно столкнулся с такой проблемой:
Есть хтмл страница, которая имеет резиновую верстку, есть 2 css файла, один под разрешение монитора 1024px а второй - все что больше 1024px.
Изначально пробовал их подключить к странице так:

Код: [развернуть]

<link media="(max-width:1299px) and (min-width:0px)" rel="stylesheet" type="text/css" href="style.css"/> <link media="(min-width:1300px)"  rel="stylesheet" type="text/css" href="style2.css" >

Работает в опере\сафари\фф\хроме. Выделяется IE, не подключает ни один, ни другой css.
Сделал по другому: 1 css файл, в нем примечание:

Код: [развернуть]

@media screen and (min-width: 1300px) { бла-бла-бла }

Работает везде, но IE опять выделяется.
При разрешение экрана 1024px у 2-х блоков стиль
style {display:none;} а при большем разрешениее, у этих блоков style {display:block;} Этого IE тоже не понимает, и при большом разрешении экрана эти блоки не отображает.

Как сделать так, что бы IE либо подключал 2 разных css, в зависимости от разрешения экрана, или обращал внимание на @media screen and (min-width: 1299px) { бла-бла-бла }

Может быть скриптом?

if ($(window).width() > 1300) element.addClass(classname);
else element.removeClass(classname);

и повесить это на ресайз и загрузку документа.