Prise de tête mise en page

Salut,

Je viens de revoir ma page de délire afin de mettre plus de vie dans ma page.
Mon header est un peu compliqué (en tout cas pour moi) :

<div id="sommet">

(insert en php)

<h1>
   <img
	src="http://trevilly.com/pamp/images/dieteticien.gif"
	width="247"
	height="48"
	alt="dieteticien.biz" />
</h1>

<h2>Site d'information et de sensibilisation<br />traitant de la nutrition et de la diététique</h2>

<div id="sommet2">
</div>

(fin de l'insert php)

</div>

A priori, ma feuille de style est valide et la page est tjrs valide xhtml 1.0 strict.
Par contre, j'ai un petit problème à l'affichage.

Sous Mac :
1 - safari 1.3 (v312) ; firefox 1.0.6 ; Camino 2005033112 (v0.8.3Int) ; Netscape 7.02 sont OK --> le logo du pamplemousse stylisé est bien affiché au bon endroit.
2 - sous IE Mac 5.2 --> le pamplemousse est perché très haut, sur le sommet même du navigateur comme si IE Mac ne comprenait pas le "margin-top : -130px"

Sous Windows 98 :
1 - OK sous FF 1.0.6
2 - léger décalage du "pamplemousse" sous IE 5.5

Vous avez une idée afin que tous les navigateurs comprennent (à peu près) la même chose ??? (je sais que le pixel près n'est pas possible mais là )

A votre bon coeur ...

Edit :
Un ami sous WinXP et IE me dit que le sommaire chevauche de 2 cm le corps de la page centrale
Edit2 :
Pour éviter toute confusion, le "pamplemousse" est cette chose jaune et blanche (c'est un pamplemousse passé au vitrail de photo editor)
Modifié par dieteticien (24 Jul 2005 - 00:37)