Rounding off the top corners of my layout boxes

Can somebody look and see where I went wrong here, the bottom area?

http://creativesimplicitywebdesign.com/shop/

melissamiller8:

Can somebody look and see where I went wrong here, the bottom area?

http://creativesimplicitywebdesign.com/shop/

The center box heading uses the same image as the sidebox headings. Since the side box heading isn't as wide, it's repeating. This is the relevant code in the stylesheet:

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #999999;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}

You can create a new image for it that is the correct width, upload it to the images folder for your template, then remove .centerBoxHeading from the code above and re-add it like this:

.centerBoxHeading {
margin: 0em;
background-color: #999999;
background-image: url(../images/you_new_image.gif);
padding: 0.5em 0.2em;
}

Thanks folks!