Используя адаптивный макет и много CSS для создания веб-страницы, у меня возникла проблема со скрытыми или показанными полосами прокрутки и изменением макета на 17 пикселей.

Основная проблема заключается в том, что в OSX полосы прокрутки колеблются по всему макету, не затрагивая его, но в любом браузере в Windows, например, полоса прокрутки является частью макета и, следовательно, перемещает ее влево на ширину 17 пикселей.

Пытаясь решить эту проблему, я начал обнаруживать такие браузеры, как:

if($.browser.chrome) {
   // adapt layout by 17px
} else if ($.browser.mozilla) {
   // adapt layout by 17px
}  else if ($.browser.safari) {
   // dont adapt layout by 17px
}

Но, прочитав много постов на эту тему, я понял, что вместо обнаружения браузера многие люди рекомендуют обнаружение функций. Так есть ли способ узнать, как браузер обрабатывает полосы прокрутки? Будут ли они частью разметки страницы или они будут зависать над всем, как в сафари?

Спасибо за вашу помощь!