Странное поведение margin с Sifr-связями в ссылке (скрины)

Question

Я создаю меню, и оно должно выглядеть как картинка № 1 на эта ссылка .

Однако на данный момент это выглядит как картинка № 2 .

В этом поведении нет логики, поскольку все три элемента имеют одинаковые css-атрибуты. Кроме того, давайте изменим слово «Рейки» на «Психотерапия» и посмотрим, что произойдет ... ( картинка № 3 )

По какой-то причине слово «Рейки» игнорирует определенные атрибуты. Это не проблема, когда Sifr выключен. Полагаю, мне понадобится дополнительный CSS для решения этой проблемы (работа с отступами, высотами или полями для этого конкретного элемента не дает никакого результата. Просто не сдвинется с места).

Разве кто-то не знает более изящного решения?

Answer 1

I решено это путем добавления

.sIFR-active .btns a span{letter-spacing: 0.3em; padding-top: 25px; display: block; float: right;}

до sifr.css . Как я смутно ожидал, это была проблема межстрочный интервал . Но это не было действительно узнаваемо в этом появлении. Помимо описанной выше проблемы, она хорошо проявилась в Firefox, но не в IE. С кодом выше, добавленным в sifr.css, все отлично выглядит в обоих браузерах.