Глюки css в линках тизера в Хроме и Сафари

[cuman]

Странно себя ведут ссылки "Подробнее", "Блог пользователя - ХХХ" и "Добавить комментарий" при наведении. Должен меняться цвет и пропадать подчеркивание, но в Хроме они вообще исчезают (остается только подчеркивание), а в Сафари ничего не происходит. Опера и все версии ИЕ - всё ок.

css:

a:link
{
	color: #003366;
	text-decoration: none;
	border-bottom: 1px solid #C0C7CE;
}
a:hover, a:active, a.active
{
	color:#B50000;
	text-decoration: none;
	border-bottom:none;
}
a:visited
{
	color: #4E5869;
	text-decoration: none;
	border-bottom: 1px solid #C0C7CE;
}
a:visited:hover
{
	color:#B50000;
	text-decoration: none;
	border-bottom:none;
}
a img
{
	border: none;
	display: block;
}

Вживую: http://www.suits.ru

Что-то не так в css? Как исправить? Спасибо.

UPD: Решил

Относительно кроссбраузерно (в ИЕ7 слегка приплясывает):

.links ul
{
	font-size:0;
	line-height:0;
	letter-spacing:-1px;
}
.links li a
{
	font-size:normal;
	line-height:normal;
	letter-spacing:normal;
	display:inline-block;
}

Подробности: http://www.xiper.net/collect/html-and-css-tricks/pozitsionirovanie/inline-block-margins.html

Ну или можно просто покрасить бордер при наведении в цвет фона)

Edited December 26, 2012 by cuman