Как правильно сделать форму?

Question

[Артём]

Есть всплывающая форма с текстом, вылезающая по ховеру. Вылезать она должна прямо поверх этого элемента.

Не получается 2 вещи:
- скрыть надпись "%" при наведении курсора на неё.
- форма скрывается, если убрать курсор с надписи "%". По идее форма должна скрываться, если убираешь курсор с нее.

Answer 1

[Евгений]

jsfiddle.net/2L37sn0t/210

Answer 2

[Максим Тимофеев]

Можно и без js
jsfiddle.net/2L37sn0t/213

Comments

[Артём]

Хорошее решение. Но только hover срабатывает и за пределами круга.

[Максим Тимофеев]

Артём: Ну так надо

[Артём]

Максим Тимофеев: ну вот пляшу уже.