Гибкая компоновка с position:fixed nav

Итак, у меня есть гибкий макет с минимальной шириной тела 960 пикселей. У меня есть фиксированный заголовок, который работает по назначению, и правая панель навигации, которую я хочу оставить фиксированной при вертикальной прокрутке... это тоже работает.

Однако, если я изменю размер окна до ширины менее 960 пикселей, я бы хотел, чтобы правая панель навигации (позиция: фиксированная) оставалась справа на горизонтальной прокрутке, а не накладывалась на содержимое.

#mainnav {
    width:20%;
    height:100%;
    margin-left:80%;
    position:fixed;
}

#mainhead{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:46px;
}

#contentcontain{
    margin-top:46px;
    width:80%;
}

Я уверен, что смогу сделать это с помощью JS, но мне просто интересно, есть ли более простой способ без JS.

Спасибо,

Дом