与webkit相比，Mozilla / Firefox CSS问题

Question

我设计了一个搜索框。

在Chrome / Safari和IE中，它会显示我想要的内容。

但是，在Firefox中，搜索按钮不是内联的。

代码是

.form-search .button {
left: 356px;
position: absolute;
top: 4px;

有没有办法添加-moz行代码来设置firefox的左侧和顶部？

编辑 - 更多代码和图像

.form-search {
    background: url("../images/searchbox.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 40px;
    margin: 20px 0 0 20px;
    position: relative;
    text-align: center;
    width: 400px;
    border: 0;
}
.form-search .button {
    position: absolute;
    left: 356px;
    top: 4px;
}
.form-search .input-text {
    color: #847D7D;
    font-size: 1em;
    font-weight: bold;
    left: 110px;
    position: absolute;
    top: 8px;
    width: 230px;
    border: 0;
}

这是搜索工具的整个CSS。

Firefox display

IE display

由于

Answer 1

您遇到此问题是因为您的元素缺少display: inline-block;，您可能应该使用相对定位。