Comment est-ce que je peux aligner verticalement le texte à l'intérieur du bouton?

Question

Je pensais que line-height alignerait verticalement le texte. Mais ce n'est pas le cas pour mon bouton. Pourquoi?

Le texte est aligné en bas dans FF, Opera et Safari.

Her is my fiddle.

<button class="get_discount_rate">Button</button> 

button { 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    color: #444; 
    min-width: 90px; 
    height: 24px; 
    line-height: 24px; 
    margin: 5px 10px; 
    background-color: #fdfdfd; 
    border: 1px solid #cdcdcd; 
    cursor: pointer; 
    border-radius: 3px; 
} 

Answer 1

texte aligné central verticalement à l'intérieur button (testé en Chrome, FF, Safari, Opera et IE8)

button { 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    color: #444; 
    min-width: 90px; 
    padding:5px; 
    margin: 5px 10px; 
    background-color: #fdfdfd; 
    border: 1px solid #cdcdcd; 
    cursor: pointer; 
    border-radius: 3px; 
}​ 

DEMO.