Question

When I set the height of an option in a select listbox, the text in the option is aligned top by default. How can I make it be aligned in the middle? (I tried the obvious vertical-align and line-height, didn’t work)

Test: http://jsfiddle.net/uWszr/

Answer 1

select {
    width: 128px; height:150px;
    padding-top:6%;
}

option {
    height: 32px;
}

height of select, padding-top of select – should be calculated, depending on the overall height of all option elements.
I think for universality should make a calculation script on jQuery and substitute the appropriate values.
at least means I can not see the css universal solution