How to vertically center more than one line of text (works only on chrome)?

I got my answer from stackoverflow but found out today that the solution only works in Chrome. Opera, IE & Firefox puts the menu links (they are dynamically generated by WP) at the top. I've been trying to fix this for the past hour but to no avail...

Her开发者_如何转开发e's the fiddle: http://jsfiddle.net/PjA6s/

If the CSS solution is complex could this be done with jQuery? Could you please direct me to a tutorial on how to achieve this (css, jquery)?

Thanks!

The css3 method described in the other solution is ideal, but you could use the table-cell method. Like this: http://jsfiddle.net/h7Htk/