Bonjour, j'ai un petit soucis de compréhension :

La page suivante :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
	<head>
		<title></title>
		<style type="text/css">
		<!--
		div{height:200px;background-color:#888888;}
		p{margin-top:40px}
		-->
		</style>
                <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
	</head>
 
	<body>
              <div>
	           <p>
	            blabla
                   </p>
	      </div>
	</body>
 
</html>
s'affiche différemment sous IE et sous FF.
Sous IE la marge du haut du paragraphe fait que le paragraphe est à 40px du haut du bloc.
Sous FF, la marge semble s'appliquer au div.

Je n'arrive pas à comprendre ce comportement, ni d'ailleurs quel est le comportement juste, et pourquoi.

Est-ce que vous auriez une idée ?

PS : Je précise que je sais que je pourrais avoir le même résultat en mettant un padding-top au div plutôt qu'un margin-top au p, mais j'aimerai vraiment comprendre ce qui se passe derrière, pourquoi cette différence (Réponse autre que "tte façon IE respecte pas les normes" attendue )