How to render 3 images using single stylesheet class

[satishLikesCoding]

Hi,

Currently I have 3 stylesheet classes, each rendering an image as background. I have 3 images as..

• Left half rounded
• Middle covered area
• Right half round

When I attach 1 of the classes to 'submit button', any one of the image is displayed as background. I want the button to display all three images.I will prefer to have single stylesheet class which renders all three background images in succession (i.e. no overwriting of images on each other). Please use my existing code as below.

.buttonInputLeft{
    background: url("btn_left.gif") no-repeat left;
    border-style: none;
    font: bold;
    color: white;
    padding: 3px;
}
 
.buttonInputCenter{
    border-style: none;
    color: white;
    background: url("btn_center.gif") no-repeat right;
    padding: 3px;
    font-family: Arial;
    font-weight: bold;
}
 
.buttonInputRight{
    background: url("btn_right.gif") no-repeat right;
    border-style: none;
    font: bold;
    color: white;
    padding: 3px;
}
 

Will anyone help me?