Horisontell meny, problem.

Jag hittade denna meny, men kan man få in ett streck emellan varje <li>-tagg som är 50% av höjden på något sätt? Som typ skiljer av de olika meny alternativen?

HTML

<div id="navcontainer">
	<ul id="navlist">
		<li><a href="#">ett</a></li>
		<li><a href="#">två</a></li>
		<li><a href="#">tre</a></li>
		<li><a href="#">fyra</a></li>
		<li><a href="#">fem</a></li>
	</ul>
</div>

CSS:

	#navcontainer ul
	{
		text-align: center;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 0;
		margin-top: 0;
		/* cancels gap caused by top padding in Opera 7.54 */
		margin-left: 0;
		margin-right: 0;
		background-color: #90A2C4;
		color: white;
		width: 100%;
		font-family: Verdana,Helvetica,sans-serif;
		font-size:10px;
		font-weight:bold;
		/* fixes Firefox 0.9.3 */
	}
	
	#navcontainer ul li
	{
		display: inline;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0px;
		/* matches link padding except for left and right */
		padding-top: 0px;
	}
	
	#navcontainer ul li a
	{
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-top: 5px;
		color: white;
		text-decoration: none;
		border: 0px solid #fff;
	}
	
	#navcontainer ul li a:hover
	{
		background-color: #00378D;
		color: white;
	}

OT: Skriv Kod i taggarna istället för php, när det inte är iphp forumet förstås ;)

Jag är så van med PHP-taggarna :)

Ingen som vet hur man får in ett streck mellan varje menyval som är 50% ungefär och ligger i mitten?

Kör med borders ;)

Men bordern blir ju lika hög som objektet.. går ju inte sätta en % på den?

Strecket ska bara vara hälften så högt som bordern alltså :)

Blir nog enklast att köra med en bakgrundsbild i <a>, med no-repeat.