I am not sure how I've NEVER picked up on this until tonight.
Apparently when you're working with lists in CSS, and they are inline, there is absolutely NO way to center them on the page AND center the text itself vertically in the user list itself.
OK, there is... but let me explain fully what I mean by "NO" way.
My lists have a background image that changes when you mouse over. Now usually you can just use padding to fix this problem. I can simply make an area 24 pixes tall by smartly using the padding. When I mouse over, it works - top to bottom. But, oh, shoot... my text is flush to the top of the user list.
And that's the problem. The text will ALWAYS stay inline (thus at the top and not padded down). So if you want to align your text (vertically) in the middle of a 24px bar for example, you can't.
You either have to float them all left, and then center them horizontally, or you have to center them horizontally, but live with them flushed to the top inline.
I suppose I could always put margins on the outside of the user list, but when you have a submenu list that changes sizes (depending on what items are in it from page to page) that doesn't always work either.
Argh... talk about a PITA. But that explains why you never see them centered.
If I'm wrong... someone tell me. I want examples too.