Menu horizontal avec bouton qui s'enfonce

Bonjour, je debute en html et css et je suis confronté à un probleme que voici:
en fait j'aimerais faire un menu horizontal avec des bouton qui "s'enfonce" losque on passe la souris dessu en utilisant seulement du html et du css.
Alors pour le bouton qui s'enfonce j'ai utiliser cette methode:

HTML:

<div class="bouton"><a href="lien.html"><div>MENU</div></a></div>

CSS:

.bouton a
{
display: block;
width: 100px;
height: 100px;
background-image:url(bouton.jpg)
}

.bouton a hover
{
background-image:url(bouton_2.jpg)
}

Mais le probleme est de rendre ce menu horizontal ! J'ai essayer de retransformer les balise en inline de cette facon:

<div style="display: inline"><div class="bouton"><a href="lien.html"><div>MENU</div></a></div></div>

MAIS RIEN NE SE PASSE!!
Ca fait 1H que je suis dessus, si vous avez une solution ou une autre facon de faire un menu horizontal avec des bouton qui s'enfonce je vous en serai tres reconnaissant,
merci.