Горизонтальное меню с вертикальными разделителями?

Question

[HelenaS]

Доброго времени суток!

Верстаю горизонт. меню с вертикальными разделителями. Все стандартно: список и т.д. Разделитель ставлю таким образом .header > ul > li > a {
border-left: 1px solid #000;
} и тут у меня проблема.
Высота header 94px, и мне нужны разделители такой же высоты, т.е. на всю высоту хедера. При моем коде у меня высота получается на высоту штрифта - 24рх. Подскажите, пожалуйста, что я делаю не так!

Спасибо!
Решение благодаря Антону Середний
ul li {
height: 94px;
display: inline-block;
}

Answer 1

[Антон Середний]

Бордер нужно давать li а не ссылке.

UPD Нашли ответ:

Попробуйте так:

ul li {
height: 94px;
display: inline-block;
}

Comments

[HelenaS]

К сожалению, не работает.

[Антон Середний]

HelenaS: вам в любом случае необходимо либо LI либо ссылку задавать высоту... Выложите код куда-то на фидлл, может поможем

[HelenaS]

https://jsfiddle.net/HelenaS/hku25273/ вот оно. спасибо)

[Антон Середний]

Попробуйте так:

ul li {
height: 94px;
display: inline-block;
}

[HelenaS]

ААА! Спасибо огромное!

[Антон Середний]

HelenaS: рад что помогло, не забудьте отметить ответ как решение, я подправлю

Answer 2

[Валера Удав]

Вот простой пример

Comments

[HelenaS]

Спасибо, возьму на заметку.