Bouton menu, div dans div.

Bonjour, je souhaite créer un menu sur mon site, dont les boutons ne sont pas collés. J'ai deux image une du coté gauche du bouton, l'autre du droit. Voici mon code :

CSS:

.bouton_menu {
background:url(./images/bouton_menu/bouton_menu_g.png);
height:38px;
}

.bouton_menu {
background:url(./images/bouton_menu/bouton_menu_d.png);
width:20px;
height:38px;
}


HTML:

<div class="bouton_menu">Accueil<div></div></div>

Le <div></div> est normalement le côté droit. C'est dans le css que j'ai du mal, si je me rappel c'est comme ça :

.bouton_menu {
background:url(./images/bouton_menu/bouton_menu_g.png);
height:38px;
}

div.div.bouton_menu {
background:url(./images/bouton_menu/bouton_menu_d.png);
width:20px;
height:38px;
}

Mais sa ne fonctionne pas. Seriez vous comment faire ?

Merci d'avance.