[CCS] Repeat tła

Witam!
Mam taki problemik z powtarzającym się tłem.. opiszę na prostym przykładzie (3 div-y, jeden pod drugim):

#menu
{
	margin: 0 auto;
	width: 920px;
	height: 270px;
	padding-top: 80px;
	padding-left: 80px;
	background: #D1C3BC url(images/back_up.jpg);
}
#main
{
	width: 1000px;
	padding-top: 10px;
	background: url(images/back_midle.jpg) repeat-y;
}
#footer {
	height: 110px;
	width: 1000px;
	clear: both;
	padding-top: 240px;
	background: #D1C3BC url(images/back_down.jpg);
}

Środkowa część jest wypełniana obrazkiem który ma około 300px, jak sprawić aby nie był on ucinany gdzieś w połowie tylko powtarzany x razy (w zależności od długości tekstu), a ostatnie powtórzenie było wyświetlone w całości tak aby ładnie się połączyło z tłem stopki?

background-position: bottom center;