Problemas con el tamaño de imágenes al pasar el ratón

tengo un código en CSS para darle un tamaño a unas imágenes y otro para cuando pasas el raton por encima de la imagen esta se agrande, pero una de las imágenes le tengo puesto un tamaño distinto, el tamaño es mas grande que las demás imágenes cuando le pasas el raton por encima y el problema es que no consigo que esa imagen grande se quede con el mismo tamaño al pasarle el raton por encima, ya que al pasarle el raton por encima la imagen se encoje para ponerse a la medida que se ponen las demás imágenes al pasarle el raton, os dej un ejemplo

imagen1 imagen2 imagen3 imagen 4
al pasarle el raton por ejemplo a la imagen 3 quedaría asi:
imagen1 imagen2 imagen3 imagen 4
pero al pasarle el raton a la imagen 1 quedaría asi:
imagen1 imagen2 imagen3 imagen 4
y yo no quiero que esa imagen cambie de tamaño, yo lo que quiero es que la imagen 1 siga igual que estaba de grande

os dejo los códigos del CSS:

#imagenes img {
width: 80px;
border: 0;
}
#imagenes img:hover {
width: 180px;
padding: 1px 0 1px 0;
}

y aquí os dejo el código HTML

<div id="imagenes">
<center>
<a href="http://www.midominio.com" title="aquí la descripcion"><img src="enlace de la imagen" height="250"></a>
<a href="http://www.midominio.com" title="aquí la descripcion"><img src="enlace de la imagen"></a>
<a href="http://www.midominio.com" title="aquí la descripcion"><img src="enlace de la imagen"></a>
<a href="http://www.midominio.com" title="aquí la descripcion"><img src="enlace de la imagen"></a>
</center>
</div>

espero haberme explicado mas o manos bien y me podáis ayudar

saludos

- - - Actualizado - - -

:ambivalence: nadie sabe como puedo hacerlo?