Se mueve todo dentro del footer.

[ilu7ionHD]

Código HTML:

<footer id="footer">            
            <a href="https://blablabla" target="_blank"><img src="icono/facebook.png" id="ico_facebook"/></a>
            <a href="https://blablabla" target="_blank"><img src="icono/tw.png" id="ico_Twitter"/></a>
            <a href="https://blablabla" target="_blank"><img src="icons/in.png" id="ico_instagram"/></a>
            
            <div id="pie">
                <p id="copyright">©Blablabla 2016 - <a href="pv.html" class="legal">POLÍTICAS DE PRIVACIDAD</a> - <a href="tr.html" class="legal">TÉRMINOS Y CONDICIONES</a></p>
            </div>
        </footer>
 

Quiero que esos iconos al pasar el mouse por encima se agranden un poco, pero si alterar a los iconos de al lado ni tampoco al texto de abajo. Como hago?

Pretendo que se agranden poco, ejemplo, 0.5px - 2px