Выравнивание пункта меню при наведении

[lindim3000]

Добрый день, у меня не получается выровнять пункт меню по центру по вертикали,  при наведении мышки (показано на картинке вот тут http://take.ms/1TnDK)

 

Сам сайт http://okhtyrka.in.ua/works/medorelax/index.html

Edited April 2, 2014 by lindim3000

[Q4Dizzy]

Попробуй такой способ.

.menu li:hover {    border-bottom: 4px solid #84C557;    border-top: 4px solid #84C557;    position: relative;    top: -4px;}

/*добавить эти правила LI*/.menu li {    position: relative;    top: -4px;}

Ну значения подберёшь.. Главное смысл.

Edited April 2, 2014 by Q4Dizzy

[MichaelD]

Вот решение: http://jsfiddle.net/Ag5Bh/

 

По-другому не придумал.

И 1 косяк, стили прописаны не к самому тегу ссылки <a>, а к тегу <li> и из-за этого что-бы перейти по ссылке надо ткнуть именно в текст, а не во всю область списка.

[mrnobody]

Можно сделать с использованием пседвоэлемента(ов).

http://jsfiddle.net/mrnobody/2r5xj/1/

Фуллскрин: http://fiddle.jshell.net/mrnobody/2r5xj/1/show/

[lindim3000]

спасибо, последний ответ помог.