Div расширяется за пределы высоты страницы, но нет полосы прокрутки

У меня есть div в левой части страницы для навигационных ссылок. При нажатии на заголовок открывается набор ссылок. У меня этот div установлен на 100% высоты страницы, так что столбец занимает всю левую часть страницы. Проблема возникает, когда все подкатегории раскрываются. Содержимое div выходит за нижнюю часть страницы, но не добавляет полосу прокрутки.

Я попытался установить высоту автоматически, чтобы посмотреть, решит ли это проблему (игнорируя тот факт, что она не занимает всю левую сторону), но это тоже не помогло.

Итак, что мне нужно сделать, чтобы получить полосу прокрутки, когда div расширяется за пределы высоты страницы? Затем уберите полосу прокрутки, если она не нужна.

Спасибо.

.leftNavigation {
display:block;
position:fixed;
width:200px;
height:100%;
top:140px;
left:0;
background-color:#f0f0f0;

}

<div class="leftNavigation">
    <p class="linkHeader" id="townLinksHeader"><img src="img/image.jpg" width="200" height="40" alt="Sunnyvale, CA" /></p>
    <div class="links" id="townLinks">
        <ul>
            <li><a href="">Link</a></li>
                    <li><a href="">Link</a></li>
                    <li><a href="">Link</a></li>
                    <li><a href="">Link</a></li>
        </ul>
    </div>

Внутри левого навигационного div есть 4 комбинации абзаца / блока. Только абзац отображается, пока не будет щелкнуть по нему. Затем отображается div ссылок. Когда каждый из них раскрывается, он выходит за нижнюю часть страницы, но не добавляет полосу прокрутки.

Добавление переполнения: auto ничего не изменило.