Difference de comportement Fusion des marges

Bonjour,

Je note qu'il y a une différence de comportement entre Internet explorer 7 et Firefox 2 au niveau de la fusion des marges.

.d1 {
	width: 300px;
	background-color:#00CC00;
	margin: 10px;
}
.d2 {
	width: 200px;
	background-color:#FFCCFF;
	margin: 20px;
}
.d3 {
	width: 100px;
	background-color:#00CCFF;
	margin: 30px;
}

XHTML :

<div class="d1">
	<div class="d2">
		<div class="d3">
		texte
		</div>
	</div>
</div>

IE applique les marges à chaque div alors que FF affecte bien la marge la plus importante au div le plus haut.

Qui a le comportement standard et que faire pour ne pas avoir cette différence de comportement ?

Merci.

neutronweb a écrit :
Qui a le comportement standard

Dans ce cas précis, Firefox (ou Opera, Safari, Konqueror...).

neutronweb a écrit :
et que faire pour ne pas avoir cette différence de comportement ?

Pour IE, éviter de conférer le layout aux blocs.

FAQ: Qu'est-ce que le HasLayout, et comment l'utiliser?