неправильно расположен блок footer 43 урок HTML/CSS

Здравствуйте, при выполнении урок 43 по HTML/CSS возникла трудность в расположении блока footer внизу, код строчка в строчку писал с урока, но почему то у меня блок располагается внизу а в уроке наверху, пробовал самостоятельно передвинуть с помощью отрицательного отступа margin-top, и еще нескольких аналогичных способов, но результата это не дало, вернул все назад, в предыдущем уроке коды по результатам оформления сайта полностью совпадали, поэтому полагаю ошибка у меня именно в этом уроке, я подумал что возможно в следующих уроках зададут стили и все станет на свои места, стили задались но footer остался наверху, ну и с шапкой слился т.к у них цвет одинаковый, убирал стили, печатал заного весь footer все равно все так и осталось как будто стили висят для него.

http://mepic.ru/view/?id=ccd9f4ff004c10ad0b8f42c055eff936

<div class="footer">
	<p>
		<a href="#">Главная</a> |
		<a href="#">Фильмы</a> |
		<a href="#">Сериалы</a> |
		<a href="#">Рейтинг фильмов</a> |
		<a href="#">Контакты</a> |
	</p>
</div>