CSS和firefox问题

在Firefox上，此

DIV

的左边距对齐过左。它在Chrome、Safari和IE上看起来不错，但我无法让它与下面Firefox上的图片对齐。有什么帮助吗？以下是该网站的链接：

我有这个div标签：

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

---

增加

宽度：282px强制框匹配上面和下面的图像宽度。。。但是，具有底部边框的父div的宽度与JS中设置的100%不匹配。您还需要更新那里的宽度。
这不起作用。我使用的是Weebly编辑器，所以可能与此有关。我增加了宽度，你可以看到结果。实际上，我把缩进改到了左边。现在我遇到了一个问题，在FIREFOX中，右上角框中的文本不像在Safari和Chrome中那样向左对齐。有没有办法让CSS定位在firefox上查看时放在同一个位置？它看起来是固定的，没有边框。是的，原来的问题是固定的。你能再看一遍吗？你看到带木槌的盒子里的文字了吗。使用firefox，您会看到文本是如何过于正确的吗？但是在Chrome和Safari上可以吗？有什么想法吗？hr.styled-hr{}那是讨厌的元素。我会移除它。。。或者设置相同的宽度。。。或者将其高度设为零，并在问题中的元素上设置边界，而不是依赖另一个元素来实现效果，从而使事情变得复杂。
.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;
}