Problème centrer verticalement dans mon menu

Bonjour,

j'ai un problème pour centrer mon texte verticalement dans mon menu. J'ai regarder les sujets aillant les mêmes problèmes mais ça ne change rien, ça ne marche toujours pas.

Je osuhaite centrer mes liens verticalement et horizontalement dans mon menu. Horizontalement j'ai réussi, mais verticalement, impossible, je n'y arrive pas. J'ai essayé avec vertical-align, margin-top/bottom

Voici mon html :

			<div id="menu">
				<ul id="navlist">
					<li><a class="navlistText nonOuvert" href="#">HOME</a></li>
					<li><a class="navlistText nonOuvert" href="#">ABOUT</a></li>
					<li><a class="navlistText nonOuvert" href="#">PORTFOLIO</a></li>
					<li><a class="navlistText nonOuvert" href="#">CONTACT</a></li>
				</ul>
			</div>

et mon css :

#menu
{
	position : relative;
	left : 55%;
}

ul 
{
	padding:0;
	margin:0;
	list-style-type:none;
 }
 
li 
{
	font-family:'ExoThin';
	font-size : 18px;
	float:left;
	margin-left : 15px;
	height : 60px;
	background:#ffffff;
}

ul li a
{
	position :relative;
	color : #000000;
	display:block;
	text-decoration : none ; 
	text-align:center;
	height : 60px;
	width:100px;

}

#navlist
{
	position: absolute;
	top : 0px;
}