Позиция фиксированная не работает для заголовка

Я пытаюсь создать очень простой эффект, когда навигационная панель вставляется в верхнюю часть страницы при прокрутке страницы вниз. Все, что мне нужно сделать, это установить "position: fixed" в заголовок, который у меня есть. По какой-то причине он рассматривает его скорее как элемент "позиция: абсолютный" и фиксированный. Я пробовал это на других элементах страницы с тем же эффектом, поэтому у меня должно быть что-то, что в моем коде HTML или CSS, вызывающем проблему. Любые идеи?

http://jsfiddle.net/apautler/yDhXG/1/embedded/result/

Заголовок CSS

.nav-main  {overflow: visible; position: fixed;
            top: 0; left: 0; right: 0; height: 60px; width: 100%;}

Обратите внимание, что сайт реагирует, поэтому position: fixed срабатывает на 768px.