Adaptation gabarit 10/spip : problème d'affichage bandeau sur safari

Bonjour et bravo pour tout le travail très précieux que vous faîtes.

J'ai appris l'html en des temps préhistoriques avec de très mauvaises habitudes (tableaux, etc.) et en dilettante w3c il faut bien l'avouer. Mais je me soigne
Pour repartir sur de bonnes bases, j'ai décidé d'adapter, à partir de la rubrique outils d'alsacréations, le gabarit n°10 qui je trouve est bien adapté à des sites éditoriaux. Le tout agrémenté de spip.

Mon but est de mettre un bandeau en haut avec le logo de mon asso, et ça fonctionne bien sous firefox et sous IE (la 8 je crois) mais alors sur safari, j'ai un super décalage de blocs. J'ai cherché dans "bandeau" sur le forum mais je n'ai pas réussi à trouver.

www.direct1000collines.com

le css est ici : www.direct1000collines.com/squelettes/styles/modele10.css

voici le div entête :

<div id="entete">
		<h1>
			<img alt="" src="#CHEMIN{picto/header.jpg}" />
			<span></span>
		</h1>
		<p class="sous-titre">
			<strong></strong>

		</p>
	</div><!-- #entete -->

ainsi que le code css :

/* En-tête*/
#entete {
	padding: 2px 0;

}
#entete h1 {
	margin: 0;
}
#entete h1 img {
        float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

Ayant si peu modifié le code originel, je n'arrive pas à comprendre ce qui cloche avec safari...

Bonjour,
Bonne idée de créer le squelette SPIP de ce gabarit. Pour t'aider dans ton intégration, il y a la barre d'outil FF web developpeur, et pour voir sous IE, il y a 'ietester', les deux sont libres...Pour ton histoire sous safari, qui devrait donner le m^me résultat que FF, essais d'enlever, les styles par défaut de spip, pour tester. Dans les fichier SPIP par défaut c'est dans inc-head que çà se passe. Aussi, safari cache plus les css que FF et IE, bien vider les caches spip et browser.

merci j'ai viré les css spipiens mais aucun résultat...

Je crois que c'est bon !
J'ai laissé le code de l'entête sur gabarit 10 comme il était,
J'ai juste rajouté display:none; et un background image + width et height

/* En-tête*/
#entete {
	padding: 2px 0;
	background-image: url(http://www.francerwandagenocide.org/squelettes/picto/header.jpg);
	width: 900px;
	height: 158px;

}
#entete h1 {
	margin: 0;
	display:none;
}
#entete h1 img {
        float: left;
	/*margin: 7px 20px 10px 0;  */
	margin: 0px 0px 0px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
	display:none;

}