Петр

Вот https://jsfiddle.net/0q3gg5t7/

Тултип это обычный блок. Ему можно задать

block{
     max-height: 50px;
     overflow-y: auto;
}

И если его содержимое больше максимальной ширины, то появится скролл

Задать ему в свойствах z-index

Так и укажите

.class-name  .child-class-name > * { } 
или
.class-name  .child-class-name  * { } -- если ко всем детям всех уровней

div{
 background-color: #fff;
 width: <много>
 height: 30px;
 position: absolute;
 ...
}

У вас получится овал который снизу будет немного выступать.

Тут написана ситуация с SVG и SMIL в часности.
Сейчас лучше анимировать SVG через CSS

Такая таблица делается без использования тэгов TABLE, TBODY, TR, TD.
В вашем примере строки лучше сделать через DIV, тогда отпадут все вопросы "border-radius у tr"
А уже внутри строки можно и TABLE применить (если вам так проще) с фиксированной шириной столбцов.
Хотя столбцы тоже можно сделать через div с применением стиля: display: table-cell;

Вам в этом может помочь SVG, как указано в примеру тут

1. Вы можете менять страницу на сервере в зависимости от того какой user-agent пришел от клиента.
2. Вы можете написать небольшой код для страницы, который сам будет подгружать нужные скрипты.

1. Родитель должен сам иметь ширину 100%.
2. Заполняют родителя элементы имеющие display: table-cell;