Appliquer plusieurs images à une div

Je suis en train de migrer un ancien css, pour mon nouveau site (joomla 2.5)

Quelqu'un sait-il pourquoi seulement l'image "middle" apparait ?
je ne saisi pas l'utilité des div

#leftmenu .moduletable_menu {
width: 140px;
background: transparent url(../images/module_middle.jpg) left repeat-y;
margin-bottom: 10px;
}

#leftmenu .moduletable_menu {
width: 140px;
background-position: transparent url(../images/module_top.jpg) top left no-repeat;
}

#leftmenu .moduletable_menu div {
width: 140px;
background: transparent url(../images/module_bottom.jpg) bottom left no-repeat;
}

ca s'était le code original, mais d'enlever les div ou pas ca ne change pas le problème que seul l'image "middle apparait"

#leftmenu div.moduletable_menu {
width: 140px;
background: transparent url(../images/module_middle.jpg) left repeat-y;
margin-bottom: 10px;
}

#leftmenu div.moduletable_menu div {
width: 140px;
background-position: transparent url(../images/module_top.jpg) top left no-repeat;
}

#leftmenu div.moduletable_menu div div {
width: 140px;
background: transparent url(../images/module_bottom.jpg) bottom left no-repeat;
}
#lefmenu div.moduletable_menu div div div{
width: 137px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#leftmenu div.moduletable_menu div div div div{
padding: 0px;
margin: 0px;
}

Je sèche... ca fait plusieurs jours que je tourne en rond, et je trouve à nul part une solution à ce problème..

please help me..!