Center text in navigation bar

[MrHi]

I'm having trouble aligning the text in my navigaiton bar to center (vertically) within its container.HTML for nav bar:\[code\]<ul class="navigation"> <li class="navbar"><a href="http://stackoverflow.com/questions/11545193/index.html" class="navbarlink" >Home</a></li> <li class="navbar"><a href="http://stackoverflow.com/questions/11545193/second.html" class="navbarlink">About</a></li> <li class="navbar"><a href="http://stackoverflow.com/questions/11545193/index.html" class="navbarlink">Portfolio</a></li> <li class="navbar"><a href="http://stackoverflow.com/questions/11545193/index.html" class="navbarlink">Contact</a></li> </ul>\[/code\]CSS for nav bar:\[code\].navigation {background:#1841c8 url(Navigation/Navigation/nav_background.png);height:40px;margin-bottom:0px;display:block;}.navigation .navbar .navbarlink{color:#FFFFFF;background:gray;display:block;}.navigation .navbar .navbarlink:hover{color:#00CCFF;background: url(Navigation/Navigation/nav_hover.png);text-decoration:none; }\[/code\]Can anyone tell me which property i'm missing in my CSS?