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

Попробуйте настроить высоту строки родительского элемента.