[HTML/CSS] Pied de page et Overflow

Bonjour,

Je suis en train de réaliser (enfin j'essaie) mon premier site web, et j'ai un léger souci.
J'ai mis un overflow pour certaines pages.
Mais sur les pages concernées, le footer se met en plein milieu, ou reste DANS l'overflow (je sais pas si j'arrive à me faire comprendre là) alors que j'aimerais qu'il soit en dessous. Je n'ai aucun problème avec le footer lorsqu'une page n'utilise pas l'overflow.

Le CSS du footer :
div#footer {
position: absolute;
bottom: 0;
left: 15;
right: 0;
padding-bottom: 5px;
background-color: rgb(153,153,102);
}

Le CSS du bloc avec l'overflow en question :
div#wrapper {
position: relative;
width: 74%;
height: 625px;
padding-top: 15rem;
margin: 0 auto;
border: 1px solid black;
min-height: 600px;
background-color: rgb(255,255,255);
overflow: auto;

J'ai tenté de modifier les positions et tout un tas de choses mais y'a pas moyen, quand ça résout partiellement le problème sur les pages utilisant l'overflow, ça bousille la présentation des pages qui ne l'utilisent pas...

Donc si quelqu'un peut m'aider, si j'ai réussi à me faire un peu comprendre... Merci d'avance !