hace poco tube este mismo problema que comentas, insertando un div para añadir trasparencias, tras probar mil formas al final la mas sencilla suele ser la mas util.
Simplemente añade un margen inferior al div en el Css con la opcion
Código HTML:
bottom: 100px;
Y modificas los pixeles necesarios para el footer y listo el div terminara con un margen de x pixeles hasta el final de la pagina y no se alargara como te hace ahora