add padding to a select widget

Question

How do I add padding at the top of select options text?

For example:

Code :

select {
    background-image:url(../images/select.png);
    width:287px;
    height:35px;
    text-align: center;
    border:0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left:10px;
    padding-right:2px;
    font-size:14px;
    font-family: Arial, Helvetica, sans-serif;
    color:#999999;
}

Answer 1

I would go for line-height:35px;. With padding you get the famous box problem.