How do I add image borders to Centre Column Items?

Help.

Still cannot figure out how to make the centre boxes look like the side boxes. I have made 2 new pictures, one for the left side and the base also one for the right side and the base, both are the same width as the top pictures to allow the box to change size if the window size is changed.

Where in the style sheet do i add the pictures to make it work correctly?

The places i have tried only add one picture, the left/bottom one but instead of displaying it round a box like new products it adds it round each picture in that box.

the site is http://systemh.co.uk/shop

If there is a genius out there who can help, please do. Ive been experimenting for a few days now and its giving me a mega headache

Regards,

Simon

Start by adding the red highlighted code at or about the indicated location:

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 98%;
	vertical-align: top;
	}

#indexDefault {
        border: 1px solid;
        color: #000000;
        }

This will place a border around the center content, if this is where you want the images...change the declarations to background-image etc as you have done for the side boxes.

Tried it and it puts a border around the whole centre column.

What I would like is separate image borders around each box in the centre column such as new products, featured products etc.

Have you any idea how this can be done?

Regards,

Simon

As you are designing your site, I suggest that you get FireFox and the web developers tools as these will allow you to determine the class of the items that you need to add these borders to and much more as you progress.