Based on the shadow that I saw used on the Apple Zen template I am trying to add a border to the background on my own template. The effect I am looking for is to have the image pictured below (which has a darker purple border) as the background for the main part of my page which I think is refered to as the center column.
The background of the entire page which will show on either side and below this purple background can be viewed at http://oneposhshop.com/Shop

I sliced the purple background into pieces similar to the "shadow" pieces but when I tried placing them in the equivalent places in the css file no changes were reflected. I have the feeling that I'm missing some steps but I'm not sure what they are.

I've only been successful in putting in the background image slice in .centercolumn but not in the #centerColumnWrapper but even in the .centercolumn they aren't showing up as a continuous vertical line when I set it to repeat in the css style, actually you can see the pink of the main background showing through between each instance of the slice.

Any help would be GREATLY appreciated.

Thanks,

Rochel