set the image's origin with css on hover -

i want enlarge image on hover css. when grows, grows top-left. how can make grow center?

unless i'm missing obvious, think you'll have manually offset img on :hover:

see: http://jsfiddle.net/qwvrk/

img {     position: relative } img:hover {     width: 150px;     height: 150px;     top: -25px;     left: -25px }