相关疑难解决方法(0)

我正在尝试设置表单按钮的样式,我在Firefox中遇到了一个问题,我无法深入到底...

我希望将某些<a />s和<input type="submit" />s的样式设置为相同(我有一个按钮背景图像,使用滑动门技术来应用悬停效果.)

这一切都很有效,除了在Firefox中,输入提交文本比它应该略低.IE和Safari/Chrome工作正常.

alt text http://blog.muonlab.com/wp-content/uploads/2009/11/b0rked-buttons.png

有人有任何想法吗？

谢谢

<div class="buttons">
    <a href="#" class="button btn-small-grey">&laquo Back</a>
    <input type="submit" class="button btn-large-green" value="Save changes" />
</div>

.button
{
    cursor: pointer;
    border: 0;
    background-color: #fff;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    outline: 0;
    font-family: Arial, Verdana, Sans-Serif;
}

a.button
{
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    padding: 5px 0 0 0;
    height: 22px;
    margin-right: 1em;
}

.btn-small-grey
{
    height: 27px;
    width: 96px;
    background-position: 0 -81px; …