Hello,

I am new to css and I need a little help.

I need to get the left and right sideboxes to have different background images in the content area.

Right now the css for the sidebox content currently can only be changed to one image that will work on both the right and left sidebox content area.

Code:
.sideBoxContent {
	background-color: transparent;
        background-image: url(../images/sbcontent.png);
        background-position:bottom;
	padding: 0.4em;
	}
I want seperate images for the left and right sidebox content areas so I tried changing the css to:

Code:
.rightBoxContent {
	background-color: transparent;
        background-image: url(../images/sbcontentright.png);
        background-position:bottom;
	padding: 0.4em;
	}

.leftBoxContent {
	background-color: transparent;
        background-image: url(../images/sbcontentleft.png);
        background-position:bottom;
	padding: 0.4em;
	}
This does not work for me.

Can someone please help me fix the css so I can have seperate background images for the left and right sidebox content areas?

Thanks,

Jordin