Menu avec 3 images en fond (top, middle, bottom)

Bonjour à tous,

Premièrement j'avoue être plutot débutant en css. Je comprends la logique, je suis capable de repérer certaines petites choses que je veux changer, mais dès que ca devient plus complex je suis largué. Et c'est le cas ici.

Je suis en train migrer mon site créé avec le CMS Joomla 1.5 en version Joomla 2.5.

J'ai trouvé un template qui me convient en 2.5, et aimerai y importer le style des menus qui me plaisait dans l'ancien template.

Je sèche un peu au niveau de l'ajout des images en fond de menu composé de 3 images (module-top, module-center, module-bottom)

J'ai correctement modifié les noms (différences de noms des éléments entre les 2 templates) mais y'a rien à faire..

Ca se présente comme ca :

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

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

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


#leftmenu 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;
}

En déplaçant, ou supprimant les div les images apparaissent de manières que je ne saisi pas... il faut dire qu'il n'y a pas de div dans le template actuel (plutot des <li> et et <ul>)

Si quelqu'un a une idée se serait tellement bienvenu !!
Merci à vous