Navbar is weird?

Question

I'm making this navbar in CSS which you can view at http://jsfiddle.net/JVgzW/

The <a> tag goes directly down the navbar, and I've tried fixing it by doing display:block and stuff like that, but what do I do?

Answer 1

Another solution could also be using float: left;in the a section

Answer 2

Have a look: http://jsfiddle.net/JVgzW/1/
I've added:

#navbar li{
    display: inline-block;    
}

and text-align: center; to your #navbar