Псевдоэлемент в строке таблицы. как исправить?

Question

[Aleksandr]

Здравствуйте. Есть таблица, есть строки, нужно, чтобы при наведении выделялась строка, решил сделать через :after.
Но таблица дергается при наведение, как можно исправить, подскажите?
jsfiddle.net/rggszbw6

Comments

[Aleksandr]

А почему кстати так работает after?

[Aleksandr]

Vostrugin: Не-а. Проблема явно не в этом. Вы сами увидите , что если добавить даже relative таблице. скакать она не перестает

Answer 1

[Алексей Уколов]

Псевдоэлемент здесь совершенно не нужен, как и js: jsfiddle.net/rggszbw6/1
Но если сделать границу 2px дергаться все-равно будет - геометрия-то изменяется при этом.

Comments

[Aleksandr]

В том и проблема) что border должен быть равен 2px)

[Алексей Уколов]

Sashjkeee: В таком случае, можно border заменить на что-то вроде box-shadow или outline, не уверен, что именно будет работать. Словом, нужно отказаться от border в пользу чего-то, что не изменяет геометрию таблицы.

Answer 2

[Алексей]

Может просто менять фон в CSS?
jsfiddle.net/HaJIuBauKa/0L7wr8bh
htmlbook.ru/faq/kak-sdelat-chtoby-stroka-tablitsy-...

Ну или вот решение на чистом CSS:
jsfiddle.net/S9pkM/16