Как закруглить строку таблицы при наведении?

Question

[Владимир]

Здравствуйте, есть таблица
Задал ей такие стили

width: 100%;
background-color: white;
border-radius: 0 0 15px 15px;
border: 1px solid #3C6AAC;
overflow: hidden;
border-spacing: 0;

При наведении на строки табл, они должны подсвечиваться, с этим проблем, Проблема в том как закруглить строку таблицы так же как тело? Пробовал задавать тот же border но получается вот что
Как при наведении закруглять строки табл (убрать то что выделено крассным)?

Answer 1

[Дмитрий]

Попробуйте background задавать не для строки, а для ячейки
Отредактированный вариант из ответа выше - https://jsfiddle.net/3zozuzgr/

Comments

[Владимир]

Спасибо, все работает

Answer 2

[twobomb]

Не знаю никаких проблем, либо ваш код заливайте

Comments

[Владимир]

В Вашем примере, такая же проблема.

[George Postoronca]

можно еще таблицу в блоке и уже блоку border-radius

[twobomb]

Владимир: У меня нормально

[Arris]

twobomb: в FF 53.0.2 жёлтые уголки за пределами скругления есть. В хроме - нет. Мораль?