CSS 和火狐问题

Question

在

Firefox 上，此DIV的左边距对齐得太左了。它在Chrome，Safari和IE上看起来不错。但是我无法让它与Firefox上的以下图像对齐。有什么帮助吗？ 这是该网站的链接：http://www.aerlawgroup.com

我有这个div 标签：

<div class="text-box21"> IN THE NEWS</div>

这是 CSS：

.text-box21 {
    font-size: 20px;
    color: #000000;
    margin: 0;
    padding-top: 1.2px;
    padding-bottom: 1.9px;
    line-height: 1.5;
    font-family: "museo-sans", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    background-image:url('http://www.aerlawgroup.com/uploads/2/1/1/5/21159280/6156337_orig.png');
    background-repeat: repeat-x;
    text-align: left;
}

Answer 1

添加width: 282px;会强制框与上方和下方的图像宽度匹配...但是，带有底部边框的父div 具有在 JS 中设置的 100% 的不匹配宽度。您还需要更新那里的宽度。