Прыгает ссылка :hover

[marsh123]

Добрый день, впервые столкнулся с такой проблемой.

Имеется HTML-код:

<div class="region_item">Город: <span class="city">Москва</span> <a href="#chooseCity">Выбрать другой</a></div>

И соотв. CSS к нему:

.region_item {
	clear: left;
	display: block;
	background: url(../img/grad/region_bg.png) repeat-x;
	height: 23px;
	width: 198px;
	margin-left: 3px;
	border: 1px solid #5c636b;
	color: #8c9398;
	padding-top: 6px;
	padding-left: 5px;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 13px;
}
.region_item a {
	text-decoration: none;
	color: #018fc2;
	border-bottom: 1px #018fc2 dashed;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 13px;
}
.region_item a:hover {
	color: #ae4e4e;
	border-bottom: 1px #ae4e4e dashed;
}
.city {
	color: #6d757e;
}

Проблема в том, что при наведении на ссылку, она не просто меняет цвет, а еще как бы прыгает, я долго думал почему, потом посмотрел поближe:

http://s017.radikal.ru/i404/1207/49/70d7dc89aa93.jpg

Заметно, что как бы меняется ориентация объема, слева направо, впервые сталкиваюсь с таким

Может кто-то знает, как с этим справиться? Спасибо заранее.

[USF]

в каком браузере? у меня ничего не прыгает в хроме

http://jsfiddle.net/PyvCL/2/

[marsh123]

Тестил пока только в Chrome и FF, в них прыгает (дергается), я мало кода, видимо, скинул, в отдельности от остального он, действительно, не прыгает, а так прыгает (дергается):

http://jsfiddle.net/Z5HSc/

(добавил больше кода)

Edited July 18, 2012 by marsh123

[USF]

Хах, как ни странно, но если поменять цвет на другой(не из оттенков коричневого) то не прыгает

[marsh123]

Оптическая иллюзия походу именно с этими цветами, буду тогда для ховера другой подбирать, спасибо.

[USF]