My DIV element is experiencing alignment issues specifically in Firefox. While it appears correctly aligned in Chrome, Safari, and IE, it seems to be too far left in Firefox. I've been unable to get it to align properly with the images below. Any suggestions or assistance would be greatly appreciated. For reference, here is the link to the site:
The code for the problematic div tag is as follows:
<div class="text-box21"> IN THE NEWS</div>
Accompanying this is the CSS styling:
.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;
}