Удаление рамки вокруг изображения.

[KJL]

Добрый день, нужен совет шарящего человека в CSS3 (я думаю даже базовых знаний хватит). У меня вокруг изображения установлена рамка (обычный border). При наведении на изображение рамка должна пропадать, при этом изображение должно оставаться на месте. Я к классу приписывал hover, пытался указать там border:none, но при таком раскладе когда пропадает рамка изображение дергается, когда рамка пропадает (визуально, ведь рамка правда пропадает, тем самым я вижу что изображение сдвигается куда-то вниз, куда-то влево и т.п.) В общем, мне нужно чтобы при наведении на изображение рамка пропадала, но при этом изображение оставалось на месте. а не возвращалось на ту позицию, где бы оно стояло без рамки. У меня изображения, которые должны стоять с рамками, относятся к классу "img". Вот собственно код из CSS3, в нем мне и нужно что-то поменять:
 

.img{
	border:2px solid red;
}

.img:hover{
	border:none;
}

 

[klierik]

.img:hover{
	border-color: transparent;
}

 

[KJL]

Только что, klierik сказал:

.img:hover{
	border-color: transparent;
}

 

Большое спасибо.

[AlexZaw]

можно еще картинкам добавить box-sizing:border-box;