Define Height Of Select Box

I have a problem with select box height. Is it possible to make select list shorter with css property or other way? see attached screenshot

Solution 1:

Maybe you can try this trick:

<select onmouseover="this.size=10;" onmouseout="this.size=1;">

See the demo : http://jsfiddle.net/h9SKM/

Solution 2:

What I suggested earlier does not work if you dont have multiple set on the select element makeing it a not general way of solving the problem.

AFAIK, there is no CSS-approach to this problem. You have to use Javscript,