Cómo hacer un pie de página fijo en la parte inferior de la página

En mi html tengo un div "pie de página". Quiero que tenga un bg de # 000 y ocupe todo el ancho de la página y no deje espacios en blanco después.

Actualmente estoy usando este 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;
}

Pero el ancho completo de la página no se llena con este código CSS.

¿Alguna ayuda? ¡Gracias

Respuestas a la pregunta(8)

Su respuesta a la pregunta