Quote Originally Posted by Get Em Fast View Post
Vertical-align is only for inline and table elements - doesn't work on block elements. You might try adding "display: inline;", since you've got a "line-height:" set. Other than that, you might just try using padding: settings to align it vertically. Sorry, I missed the "vertical" part in the previous posts. I've been trying to read too much, too fast. Gotta slow down a bit, I guess.

Hope this helps.
Get Em Fast,
If you are still alive:
I was stumped on the links aligning bottom and couldn't get vertical-align: middle to work.
Tried your suggestion and it didn't work either, so I decided to get logical: fired up Web Dev toolbar, checked what the hell was that link thing and "discovered" it was an a.
So I went to this selector in the related css:
Code:
div#nav-cat li a {
    display: inline;
    padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none;
  width: 150px;
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
    }
Replaced "block" by "inline" and it works great.
I was fumbling around in the wrong selector.
Duh!!
Thanks.