Sto lavorando a una pagina web per mobile, ma essendo ancora uno studente, mi sono imbattuto in un problema irritante che non riesco a risolvere. Il footer mi copre parzialmente un pezzo di pagina web, ma non riesco a sistemarlo in modo tale da averlo a fine pagina ma senza intralci. Il CSS del footer è il seguente:
codice:
#footer {background-color: #03A2B1;
          position:fixed;
          bottom:0;
          left:0;
          right: 0;
          font-family: 'Quicksand', sans-serif;
          font-size: 0.8em;
}
L'<article> contiene quattro div stilizzati, e il suo CSS (non degli elementi dentro) è il seguente:
codice:
#article {height: auto;}
Cosa sto sbagliando? Vi lascio uno screen. Grazie per l'attenzione.

Screenshot_2015-07-26-01-53-14.jpg