Смещение текста при наведении жирным шрифтом ⇐ Html

[Anonymous]

У меня есть такие простые таблицы:

Код: Выделить всё

title1
title2
title3


[url=#]item1_1[/url]
[url=#]item1_1[/url]
[url=#]item1_1[/url]


[url=#]item1_1[/url]
[url=#]item1_1[/url]
[url=#]item1_1[/url]


[url=#]item1_1[/url]
[url=#]item1_1[/url]
[url=#]item1_1[/url]

В сочетании с моим CSS результат будет таким:
http://jsfiddle.net/yzsfH/
Как видите, гиперссылки внутри таблицы «перемещаются» при наведении на нее курсора.
Конечно, это перемещение — нежелательный эффект, и я бы хотел от него избавиться это.
Я поискал по этому поводу, но не нашел ничего удовлетворительного.
Может кто-нибудь объяснить, почему это происходит и как это исправить?

Подробнее здесь: https://stackoverflow.com/questions/155 ... bold-hover