image alignment - centerBoxHeading

[MeltDown]

I would like to place this image in the centerBoxHeading position so that the text (New Products For July, Featured etc) sits centered in between. I have been able to succesfully generate the image in place with this modification in the stylesheet.css:

h2.centerBoxHeading {
margin:5px auto;
padding:.5em 0;
text-align:center;
border:1px solid #bababa;
line-height:normal;
width:100%;
background-image: url(../images/centerbox.gif);
}

However, the image is not centered and therefore sits on top of existing text and looks unsightly. (Now that I think about it, it seems to repeat.)

Any thoughts on how to center this image?

Thanks!!
FYI - This is for the ItalianGlassConnection_1.3.8a site below, although I have since removed the offending image.