Как компенсировать вертикальную полосу прокрутки, когда ее еще нет

Возможно, это простое решение, но оно долгое время сводило меня с ума, поэтому я, наконец, решил посмотреть, существует ли решение.

Проще говоря, я центрирую большинство своих веб-страниц в широких окнах просмотра.

Например, окно просмотра может иметь разрешение 1028 пикселей, а я хочу, чтобы ширина моей страницы была только 960 пикселей.

Итак, мой css выглядит так:

#pageWrapper { /* page width is 960 pixels */
    margin:0 auto;
    width:960px;
}

С этим проблем нет.

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

Это приводит к тому, что страница мерцает влево во время слайда, а затем мерцает вправо во время слайда.

Есть ли какой-нибудь способ через css установить правое поле в 20 пикселей и по-прежнему использовать преимущества margin:0 auto;?

Спасибо.