Адаптивная вёрстка - проблема

Добрый день.

Делаю адаптивную вёрстку. Для проверки ширины браузеров пользуюсь Web Developer tool в Мозилле и Resolution Test в хроме. Приведу пример на одном из разрешений - 1024 пикселей по ширине.

В css стоит условия:

@media screen and (min-width: 768px) and (max-width: 1024px) {}

@media screen and (min-width: 1024px) {}

Т.е. при ширине экрана больше 1024 - один дизайн, меньше 1024, но больше 768 - другой.

Инструментами устанавливаю ширину экрана на 1024 (два разных инструмента, два разных браузера). Виже что применяется стиль для 768. Полосы прокрутки я убрал, т.е. страница сайта во всю ширину окна браузера.

Отсюда tigir.com/javascript.htm взял скрипт, определящий ширину окна браузера. Урезал его до:

function getClientWidth()

{

return document.documentElement.clientWidth;

}

Поставил на onClick...

При установленном разрешении 1024 (по словам инструментов обоих браузеров), скрипт выдаёт ширину клиента 1014 (хром) или 1016 (мозилла). Исходя из такой ширины окна стиль применяется правильно. Но откуда они берут эту ширину?!