How can I shorten and move my vertical divider lines in my NAV menu up?

How can I shorten and move my vertical divider lines in my NAV menu up?

The "|" divider lines on my navigation are going too far down, how can I
shorten them and move them up? I did try changing it to #nav li a (but
then it made an uneven edge at the top of it.
#nav li { border-right: 2px solid #0076a9; height: 10px }