Смещение текста при наведении жирным шрифтом ⇐ 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