text vertical align in select box - firefox issue

Question

I've got a problem with vertical align of select box caption in Firefox.

CSS for select looks like this:

select#cities_list {
    width: 95px;
    height: 45px;
    line-height: 45px;
    background: url('./img/select-arrow.png') no-repeat right transparent;
    -webkit-appearance: none;
    border: 1px solid #dcdcdc;
    border-left: none;
    border-right: none;
    padding: 0 10px;
    margin: 0;
    float: left;
}

In Chrome everything looks fine:

Help!

Answer 1

You may try this

padding:.3em;/.4em;

depending on your configuration.