Линии между меню

[senya11]

Есть вопрос по верстке...

Хочу сделать такое меню

интересует в основном линии между ссылками, никак не полчается нормально, выходят сильно короткие

HTML

 
			<ul>
				<li><a href="">Home</a></li>
				<li><a href="">Support</a></li>
				<li><a href="">FAQ</a></li>
				<li><a href="">Contact Us</a></li>
			</ul>

CSS

li {
display:inline;
list-style-type:none;
padding:0 16px;
border-left:2px groove #F90;
}

В общем получается так

Edited November 12, 2010 by senya11

[roma]

а можно ссылку и рисунок как должно выглядеть?

[marrone-art]

Картинки перезалейте или дайте ссылку...

[d0ublezer0]

Короткие по высоте? Конечно. У вас же LI инлайновые и A скорее всего, тоже.

Посмотрите пример, как можно сделать: http://leveler.ru/ra/

[senya11]

спасибо БОЛЬШОЕ