Ширина всплывающей подсказки с относительным положением

Question

Как мне изменить подсказку, чтобы она имела рабочую автоматическую ширину. Я думаю, что проблема в относительной позиции ссылки.

Смотрите здесь мою проблему http://jsfiddle.net/kzJRW/

Как я могу это исправить, и всплывающая подсказка работает как я определил.

Спасибо за вашу помощь!

Answer 1

http://jsfiddle.net/kzJRW/13/

Свойство white-space помогает не разбивать слова. Я также реорганизовал некоторые из ваших объявлений, поэтому неизменяемые значения, такие как расположение макета и цвета тени блока, не нужно объявлять в псевдоклассе: hover.

Answer 2

в теге вместе с position:relative дают display:block

Проверьте это:

http://jsfiddle.net/kzJRW/9/

Answer 3

@ шубы; вам нужно просто написать white-space:nowrap;

как это:

.tooltip span {
    margin-left: -999em;
    position: absolute;
    white-space:nowrap;
}

пример http://jsfiddle.net/sandeep/kzJRW/14/