Background repeat y

Bonjour , je cherche mettre un background qui défile verticalement avec le texte.Donc j'ai un background de 740,25 que j'ai coupé en 3 le haut , le centre avec le code texte , et le footer et ça fonctionne pas.
PAGE TEST

Je souhaite que le background dans la deuxieme colonne descend avec le texte.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div id="conteneur">
<div id="menu_gauche">
</div>
  <div id="conteneur_message">  
     <div id="haut_message"></div>
	 <div id="centre_message">
	 TEST<br />test test
	 </div>
	 <div id="bas_message">
	 </div>
  </div>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
 
#conteneur{
width:740px;
height:25px;
float:left;
}
 
#menu_gauche{
width:148px;
height:25px;
float:left;
background:url(../test/menu_gauche_lire_message.jpg);
}
 
#conteneur_message{
width:592px;
height:25px;
float:right;
}
 
#haut_message{
height:10px;
background:url('../test/haut_message.jpg');
}
 
#centre_message{
height:10px;
background:url('../test/centre_message.jpg');
background-repeat:repeat-y;
}
 
#bas_message{
height:5px;
background:url('../test/bas_message.jpg');
}