Des inline block partiellement cliquables

Bonjour,
en fait j'ai une page : page web sur laquelle j'insère des boutons en ligne reliés à une fonction javascript qui permet de switcher le contenu...

- Il s'agit des boutons "1", "2" et "3" .

Ces boutons sont affichés dans un autre div plus petit en hauteur que les boutons, j'utilise donc des marges négatives pour les boutons, cependant quand je souhaite cliques dessus, ils ne sont cliquables qu'en bas du bouton...

Quelqu'un sait d'où viendrait ce problème ?

J'avais déjà eu ce problème mais il s'est réglé sans que je m'en apercoive (je sais pas comment j'ai fait, j'avais laissé tomber et j'ai modifié d'autres trucs)...

Bon, bah j'ai opté pour la position relative... au lieu de faire sortir les boutons du div contenant. Du coup ca marche.