Как закрепить нижний колонтитул внизу страницы

В моем html я имею "нижний колонтитул" класса div. Я хочу, чтобы он имел значение bg до # 000, занимал всю ширину страницы и не оставлял после него пробелов.

В настоящее время я использую этот CSS:

.footer {
  color: #fff;
  clear: both;
  margin: 0em 0em 0em 0em;
  padding: 0.75em 0.75em;
  background: #000;
  position: relative;
  top: 490px;
  border-top: 1px solid #000;
}

Но полная ширина страницы не заполняется этим кодом CSS .

Есть помощь? Спасибо!