X-Cart forums - Changing colors to background images....

What I'm trying to test is changing this code

Code:

.VertMenuRightColumn {

border:1px solid #FFFFFF;

BACKGROUND-COLOR: #9900CC;

VERTICAL-ALIGN: top;

PADDING-LEFT: 7px;

PADDING-TOP: 7px;

PADDING-BOTTOM: 7px;

PADDING-RIGHT: 7px;

}

Is there a way to make the background color 9900cc; into an image? This is what I tried.

Code:

.VertMenuRightColumn {

border:1px solid #FFFFFF;

BACKGROUND-IMAGE: url(images/purplebackground.jpg);

VERTICAL-ALIGN: top;

PADDING-LEFT: 7px;

PADDING-TOP: 7px;

PADDING-BOTTOM: 7px;

PADDING-RIGHT: 7px;

}

Am I doing something wrong? Fairly rookie at css still. Also does the background image need to be a specific size? Any help would be great thanks

Also tried...

Code:

.VertMenuRightColumn {

border:1px solid #FFFFFF;

BACKGROUND-IMAGE: url(images/purplebackground.jpg);

BACKGROUND-REPEAT: repeat-x;

VERTICAL-ALIGN: top;

PADDING-LEFT: 7px;

PADDING-TOP: 7px;

PADDING-BOTTOM: 7px;

PADDING-RIGHT: 7px;

}