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

尝试调整父元素的行高。