Подружить подсказку оповещения с вариантом позиции relative

Здравствуйте (ее я нубик). Решил побаловаться с движком. Залезть, потрогать все руками, сломать, ну и т.д.

Решил немного подпилить дизайн, в итоге натолкнулся на проблемку с подсказкой оповещения


так выглядит вариант предлагаемый движком (стрелка убрана ибо нафиг). Из-за того что я в принципе не нуждаюсь в логотипе, я его убрал. итого - подсказка уползла за экран.

При простейшем редактировании тегов top и right которые заведены в css тем же движком я добиваюсь варианта который меня вроде бы устраивает, а именно:

(подгон по пикселям ради скрина отменяется, поэтому кривовато). (эстетическое удовольствие = 70%)

Однако стоит навести мышь, и

(эстетическое удовольствие = -15%)

Задание position: relative; (в решении движка position: absolute; приводит к желаемому результату (квадратик в рамке), однако размеры становятся непонятно какими, непонятно откуда берутся, и движку сугубо пофиг на мои попытки их изменить

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

Как все таки заставить движок изменять размеры подсказки оповещений.
Заранее спасибо

 

Добавьте padding: 4px 6px; и уберите вообще свойство position.
Если не хочется отступа по бокам при больших значениях внутри, тогда просто добавить display: inline-block; без padding.

 

CyberAP, спасибо.