using seperate images for sideboxes and centreboxes

Hey, after adding an image to my sideboxes i thought it was all a but to blue so i made another image of the same dimensions to my images folder it was only a different colour.

I them when to my stylesheet and found this bit

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

I edited this to say

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

.centerBoxHeading {
                  margin: 0em;
	background-color: #abbbd3;
	background-image: url(../images/centerbox_tile_header.gif);
	padding: 0.5em 0.2em;*

This messes up the whole layout of the page though, is there anyway i can get this too work and why does it mess up the layout?

Thanks

To answer this question we really need to see the site, and have a more specific statement of the problem than "this messes up the whole layout of the page". Though I'm guessing that the asterisk at the end of the .centerBoxHeading styles in place of a curly bracket might be a bit of a cliue. :wink:

Ive changed the site back so it wouldnt help to see it, however what happens is that all the sideboxes lose their borders and squash up.

The new products box in the center which usually displays a 3 x 3 view of products, displays 1 X 9 view

The } was originaly there i changed it back before i wrote this thread so i had to write the code again and i made a mistake!

There's nothing wrong with your revised CSS above (with the correction). It would do exactly what you wanted it to do.

There must have been another syntactic error, but without seeing the actual code you used, I have no way of knowing what it might have been.

I'd recommend trying again, since you were heading along the right lines.