Positionnement dynamique d'une div

Bonjour tout le monde, alors je vous expose mon probleme

J'ai ce code suivant:

<div id="tab1">

      /*contenu*/

</div>

<div id="button">

     /* un bouton */

</div>

Le contenu de la premier div est dynamique et aléatoire,c'est-a-dire que sa taille peut varier ... les deux div sont positionnés en absolue.

Le probleme est que si la premiere div a une taille importante, alors elle passera au dessus du bouton

Comment faire pour gerer le positionnement du bouton par rapport au contenu de la div précédente????

peut être en jouant sur la propriété z-index (entier) pour donner une profondeur différente à chaqun des éléments, et apparemment plus "près" de l'utilisateur pour le bouton

#tab1 {
  z-index: 1;
  /* auttre propriétés */
 ...
}


#button {
  z-index: 50;
  /* autres propriétés */
 ...
}

par exemple