Pourquoi une différence de hauteur de block selon mes navigateurs

Bonjour,

Tout mon site se porte bien sauf un bandeau en page d'accueil et notamment sa position hauteur.

En effet, il est bien positionné sur Chrome et Firefox mais remonte de -188px sur Safari et Opera.

Aucune margin ne contraint cette hauteur à -188px dans ma page CSS.

J'ai bien tenté de jongler avec le préfixe des navigateur, comme par exemple Opera

.mon-bandeau {
-o-margin-top: 188px!important;
}

Mais ça ne change rien

Bonjour goudurisc,
Il est possible d'avoir une url pour tester?

Bon, j'ai tout résolu sauf ce même pb. Je suis reparti d'un nouveau modèle, j'ai repaasé en revue tout mon CSS et je ne vois pas ce qui cloche.

Découpage de la page en trois rangées :
1) navigation principale
2) bannière comprenant le visuel principal
3 bandeau grand titre, celui qui pose pb en hauteur

Comme je souhaite que la navigation principale s'affiche au-dessous de ma bannière et le bandeau gd titre au-dessous de ma bannière, j'ai défini :

.navigation {
margin-top : 535px;
}
.banniere {
margin-top: -778px;
}
.bandeau {
margin-top: 188px;
}

Résultat :
Mon bandeau grand titre est parfait sur Safari et Opera mais trop bas de 188px sur Chrome et Firefox

Important : avec menu mobile (icône hamburger), aucun pb quel que soit le margin de mon bandeau.

Je ne sais pas si ces précisions sont utile...