CSS和Firefox问题

【问题标题】：CSS and firefox issueCSS和Firefox问题
【发布时间】：2013-12-19 08:13:08
【问题描述】：

在 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;
}

【问题讨论】：

标签： css firefox

【解决方案1】：

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

【讨论】：

那行不通。我正在使用 Weebly 编辑器，所以也许这与它有关。我添加了宽度，你可以看到结果。
其实我把缩进改到了左边。现在我遇到了一个问题，即右上角框中的文本在 FIREFOX 中没有像在 Safari 和 Chrome 中那样向左对齐。任何想法如何使它在Firefox上查看时CSS定位到同一个地方？
看起来是固定的，去掉了边框。
是的，原来的问题已经解决了。你能再看看吗？你看到带木槌的盒子里的文字了吗？用firefox，你怎么看文字太远了吧？但是在 Chrome 和 Safari 上可以吗？有什么想法吗？
hr.styled-hr { } 那是讨厌的元素。我会删除它...或设置相同的宽度...或将其高度为零并在您的问题中的元素上设置边框，而不是通过依赖另一个元素来使事情复杂化。