[Reglé] Eléments s'affichants différement sous FF et IE

Bonjour à tous,
J'ai deux petits problèmes d'affichages que je n'arrive pas à régler, cela concerne un DIV et un H2.
Pour que vous puissiez voir ce que ça donne :
http://www.oldaryon.net/exemple.html
+ CSS : http://www.oldaryon.net/style.css

- Le premier problème est au niveau du H2 du menuLeft qui va correctement sous FF et qui se décale sous IE
- Le deuxième problème est au niveau du DIV de la map (pageMap) qui s'affiche décalé sous FF et correctement sous IE

Voici le code CSS de ces deux problèmes :

/*** CSS du menu ***/

#menuLeftPerso {
	background:#FFF url(img/menuLeft.jpg) no-repeat;
	width:184px;
	height:130px;
}

#menuLeftPerso h2 {
	position:absolute;
	top:84px;
	left:11px;
	width:173px;
	font-size:12px;
	text-align:center;
	color:#005455;
}

/*** CSS de la MAP ***/

#pageMap {
	background:transparent url(img/pageMap.jpg) no-repeat;
	width:789px;
	min-height:502px;
}

#pageMapImg {
	margin-left:25px;
	margin-top:15px;
}

Un grand merci pour vos réponses
Modifié par rels (01 Nov 2007 - 16:12)

Salut rels ,

pour le h2 tu pourrais rajouter :

#menuLeftPerso h2 {
	...
	margin:0;
	padding:10px 0;
}

Au sujet de la div pageMap il s'agit d'un problème de fusion des marges. Deux solutions possibles :

1) remplacer

#pageMapImg {
	margin-left:25px;
	margin-top:15px;
}

par

#pageMapImg {
	margin-left:25px;
	[b]padding-top[/b]:15px;
}

2) ajouter un overflow: hidden; à #pageMap


A+
Modifié par Heyoan (01 Nov 2007 - 14:21)

A un tout grand merci à toi !
Je bloquais là dessus et maintant c'est presque parfait j'ai plus qu'à finir les correction des autres page

Merci !

P.S. : J'ai ajouté le problème de fusion des marges à mes favoris

A bientôt