Как я могу поместить пустое пространство внизу своего веб-сайта, чтобы плавающий элемент div никогда не перекрывался

Я нашел много вопросов о переполнении стека по поводу избавления от пробелов, но не могу найти чтобы выяснить, как его вставить.

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

Я пытался добавить:

margin-bottom: 50px;
padding-bottom: 50px;

в div, содержащий содержимое верхней страницы, но это не сработало.

Я что-то упустил? Вот демонстрация: http://www.writingprompts.net/name-generator/