add image above/below sidebar

I’ve been customizing the twenty ten theme. Currently I’m trying to put an image background box behind the menu I’m putting on the side bar. I broke the background up into three pieces-one for the top, one for the bottom, and one for the middle (this one repeats the length of the menu).

So far I was able to add the background image by:

.widget-container {
	margin: 0 0 18px 0;
	width: 189px;
	background-image:url('link-to-image');
	background-repeat:repeat-y;
}

How can I implement the above and below background image?