[CSS] problème de positionnement absolu

Bonjour !

Voilà, j'ai un problème avec le positionnement d'un objet sur ma page.
L'élement en question est une ligne de texte indiquant où on se trouve dans le site, qui doit se situer sur une image précise.
J'ai écrit ma feuille de style en testant la page dans Internet Explorer. Puis, en passant à Mozilla Firefox, je me suis aperçue que mon élément était trop bas ! Tout le reste fonctionne exactement comme dans IE...

Voilà le bout de code qui gère le positionnement et le formatage de l'objet :

div.menu {
  	position : absolute;
  	left : 12px;
  	top : 106px;
      }
h4 {
  	color : #ffffff;
  	font-family : verdana;
  	text-align : left;
  	font-size : 12px;
  	font-weight : normal;
      }

et dans ma page :

<div class="menu">
  <h4>Per Te Cafe</h4>
</div>

Pour voir le problème 'en action', c'est ici : http://pertecafe.free.fr/

Quelqu'un saurait où est le problème ?

Et puis, si vous utilisez un autre navigateur, vous pourriez me dire si ça marche ou pas pour vous ?

Merci d'avance,

~Anne-Laure~