CSS Boxes

[parma]

Hello,

 

I am trying to use CSS for my boxes. Looking through the help documentation and the knowledgebase I saw something similar however, it only lets you put an image on the heading instead of the text. So categories text would be an image.

 

I am not really that great at CSS or PHP, im just learning my way around.

 

What I want to try and do is use my images to create a box. I have created 3 images for the box, one for the top, middle and bottom.

 

I know the code below should be added to the stylesheet however, I do not know how I can get the boxes to make these compulsary for all the boxes so that the images below make the box.

 

STYLESHEET

.content { 
width: 532px; 
background: url('images/contentbg.gif') repeat-y; 
} 

.contenttop { 
background: url('images/contenttop.gif') no-repeat; 
} 

.contentbottom { 
background: url('images/contentbottom.gif') no-repeat bottom left; 
padding: 10px 15px 10px 15px; 
}

 

How can I get the code below to be used for boxes!?!?

 

HTML

<div class="content"> 
<div class="contenttop"> 
  <div class="contentbottom">Content</div> 
</div> 
</div>

 

Top

Middle

Bottom

 

 

Thanks for your time.

 

Regards

 

M Parmar

[parma]

Anyone know how to do this?