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

尝试调整父元素的行高。