CSS：私のボタンの半分がIEで消える

Question

タイトルが言うとおり、私のボタンの下半分がIE7で消えてしまい、この現象の原因はわかりません。

HTML：

<button class="search-button button" type="submit"> 
    <span> 
     <span>Sök</span> 
    </span> 
</button> 

CSS：

button.button { 
    background: none repeat scroll 0 0 #E04E00; 
    border: medium none; 
    border-radius: 5px 5px 5px 5px; 
    color: #FFFFFF; 
    cursor: pointer; 
    font-weight: bold; 
    margin-left: 10px; 
    overflow: visible; 
    padding: 10px 20px; 
    text-transform: uppercase; 
    width: auto; 
} 

button { 
    font: 12px Helvetica,Arial,sans-serif; 
    vertical-align: middle; 
} 

結果：

任意のアイデア？

ありがとうございます！

Answer 1

親要素の線高さを調整してみてください。