featured products background image

Hi all!

I've been searching the forums, however I couldn't find the answer... I'd like to have a background image behind the special, new and featured items... this is a example of what i'd like to achieve:

I tried to edit the css rules ""centerBoxContentsFeatured centeredContent", however then it doesnt seperate the the items, but makes the bg-image repeat behind al 3 products... Does anyone know to fix this, or is some sort of addon?

Thx for the help!

What CSS did you use to try to accomplish your bg images? Did you include a "no-repeat"? Seeing your site live will let us help you best - we can't diagnose a screenshot.

Hmz sorry for the late reply, had a broken PC so the project came to a standstill :) This is the website http://sebasverwoert.nl/polyestershop/

As you can see, the featured products photo's are aligned centered. The background is also aligned with some sort of margin :) Been staring at it for a while now, but I think I'm stuck.
In the centerBoxContentsFeatured I added the text I added text-align:left;. It then shifts the BG and product Image nicely to the left. However when I add a padding, everything is aligned vertical :huh:

Find in your stylesheet and add

.centerBoxContentsFeatured {
background-image: url(../images/productsBG.jpg);
background-repeat: no-repeat;
height: 165px;
width: 166px;
padding-top: 10px;
background-position: center top;
}