Comment utiliser z-index?

Bonjour tout le monde,

Je suis en train de créer une page où je voudrais mettre une image de font et d'insérer des boutons crée à partir d'image pour en faire des liens.

En surfant sur le net, j'ai pu comprendre qu'il fallait utiliser des z-index, mais je ne c'est pas l'utiliser.

Mon code css :

Code :

#plan {top: 20%; left: 20%; z-index: 1;
background-image:url(includes/images_site/plan.JPG)}
#cuisine {top: 23%; left: 23%; z-index: 2;
background-image:url(includes/images_site/bouton_pieces/cuisine.bmp)}

Mon code html:

Code :

<div id="plan">
</div>
<div id="cuisine">
</div>

Je ne sais pas du tout si c'est bien comme ça qu'il faut faire.

Merci pour votre aide