[SOLUCIONADO] Altura fija de la capa al hacer zoom de una imagen

[mblascog]

Buenas,
Dentro de una capa tengo un input i una imagen.
Al pasar por encima de la imagen hago un pequeño zoom. Lo que no me gusta es que al hacer zoom se redimensiona la capa y quisiera eviatarlo.

El código es el siguiente:

Código CSS:

#divReferencia input{
    margin-left:2%;
    width:100px;}
#divReferencia img{margin-left:8%;
    width:20px;
    height:20px;
    vertical-align:middle;}
#divReferencia img:hover{
    width:25px;
    height:25px;}
 

Código HTML:

<div id="divReferencia">
    Referencia: <input type=text id='referencia'><a href=""><img src="http://localhost/fincampsMBG/imatges/lupa.png"/></a>
</div>
 

Alguien sabe como puedo mantener la altura fija de dicha capa?
Gracias

[pzin]

O bien usas una posición absoluta o transformas la imagen usando scale().

[mblascog]

Buenas, no he visto claro lo de usar scale(). En vez de hacer zoom, cambio el color de fondo de la imagen (un png transparente) y más o menos ya obtengo el efecto deseado.
Gracias.