Problema footer

[Antonino_89]

Ciao a tutti.
Premetto che da poco mi sto applicando nei linguaggi html e css, e ho da poco riscontrato un problema.

Html:

<footer>   
</footer>

css:

footer{
      width: 100%;
      height: 60px;
      background-color: grey;
      position: absolute;
      bottom: 0;
   }

Magicamente il footer si posizione nel piè di pagina, anche senza aver scritto nulla, fin qui tutto bene.
Restringendo la pagina, riducendola alle dimensioni mobile il footer si sposta a metà pagina, così per risolvere il problema ho impostato il <!-- position: fixed;--> ma quest'ultimo si mangia le parole ed è onnipresente ovviamente non è un design molto bello da vedere.

esiste un modo per piazzare il footer a fine pagina e lasciarlo fermo per tutte le dimensioni?
Lascio a voi la soluzione, e grazie.