Высота строки

[darkthor]

Всем привет.
Стоит задача: сделать border по бокам от элемента меню, но чтобы его высота была по высоте текста внутри этого элемента.
Например у меня такой элемент меню:

<li><a href="#">USERS</a></li>

Выглядит примерно так:

|USERS|

У меня всегда получается так, что бордер по высоте больше чем текст. Пробовал line-height применять и к элементу и к ссылке - нужного результата не добился.
Подскажите как еще можно это реализовать?
Буду рад любым советам. Заранее спасибо.

 

[PHProgress]

Здесь лучше смотреть реальный пример.
А вообще можно попробовать применить display block к ссылки A - и тогда она будет по размеру текста...

 

[darkthor]

К сожалению это не помогает.
Наверное нужно что-то сделать с самим текстом. Так как у текста есть пустое место над буквами и под ними. Из за этого ссылка по высоте становится больше.
Можно конечно вставить картинку вместо бордера. Но помоему это уже кастыль какой-то получается.

Я это и взял из конкретного примера. Просто остальной код не имеет отношения к этому.
Это горизонтальное меню в котором текущему элементу прописываю стиль. В этом стиле хочу прописать border-left и border-right, но что бы он был на уровне текста.

 

[PHProgress]

Вроде бы работает.
См. пример.


---
А так нужно тогда смотреть Ваш реальный пример...