Problème affichage div absolute sur Mac

Bonjour,

J'ai un problème d'affichage sur Firefox (et autres navigateurs), sur Mac, windows 2008 et Debian (suivant browsershots). Les div sont invisibles ...

En fait j'ai 2 div positionnées en absolute comme ceci:

html:

 <div id="bg-body1"></div>
 <div id="bg-body2" class="sprite1"></div>


css:


#bg-body1 { 
  background: #f3f3f3; 
  height: 245px; 
  width: 100%; 
  position: absolute; 
  top: 916px; 
  left: 0; 
  z-index: -6; 
  }
  
#bg-body2 { 
  background-position: 0px -893px;
  background-repeat:no-repeat;
  height: 298px; 
  width: 978px; 
  padding: 0 11px;
  margin-left: -500px;
  position: absolute; 
  top: 880px;
  left:50%;
  z-index: -5;  
  }

Ces div affichent une ligne et par dessus un contenu en image. Le tout en fond de site ...
Ca fonctionne sur tous les navigateurs sur OS Windows 7 mais ne s'affichent pas sur certains OS ...

Apparement cela pourrait venir des tailles en px à la place des em. J'ai donc fait un test à ce propos mais rien à faire ...

Une idée svp ?