Les marges CSS et firefox 3

Bonjour,

Quand je code autant quand l'affichage n'est pas géré par Internet Explorer je me dis, bah de toute façon Internet Explorer cherche jamais à être logique rien que pour m'embêter,
autant quand c'est Firefox alors là je doute, me remet en question, cherche la réponse définitivement et finit par poster sur le forum car je garde un vague espoir dans le logiciel libre.

Donc en pratique :

<div class="Titre-Rubrique-Bibliotheque">Exposition : les grands musiciens</div>
      <div class="Panneau-exposition">
      <div class="Image-exposition1"><img src="musique/debussy.png"></div>
      <div class="Image-exposition3"><img src="musique/debussy.png"></div>
      <div class="Image-exposition3"><img src="musique/debussy.png"></div>
      <div class="Image-exposition3"><img src="musique/debussy.png"></div>
     <div class="Image-exposition2"><img src="musique/debussy.png"></div>
      <div class="Image-exposition2"><img src="musique/debussy.png"></div>
      </div> 

.Panneau-exposition {
	margin-top: 40px;
	background-color:#C9EFF5;
	width:512px;
}
.Image-exposition1 {
	background-color:#C9EFF5;
	float:left;
	width:512px;
	text-align: center;
	margin-top:10px;
	border-color:#C9EFF5;
}
.Image-exposition3 {
	background-color:#C9EFF5;
	margin-top:10px;
	margin-bottom:10px;
	width:170px;
	float:left;
	text-align: center;
}
.Image-exposition2 {
	background-color:#C9EFF5;
	width:256px;
	float:left;
	text-align: center;
	}

donc voilà
comme vous pouvez le constater je suis obliger de jouer avec mes marges pour que celles-ci s'affichent en bleu et non en blanc. Parfois il faut mettre marge de haut, parfois marge de bas et parfois les deux...

J'ai été obligé de mettre toutes les couleurs background-color alors qu'au départ je pensais qu'elle s'hériterait.

Tout s'affiche impec sur IE mais pas encore sur firefox...

est-ce normal ? Ecris-je mal ? Suis malade ?

Pourriez vous m'aider à ne pas devenir malade mental ?

salut,

tu veux une couleur de fond sur tes images, pourquoi tu utilises pas padding pour mettre des marges autour de ton images?

.Image-exposition1 {
	background-color:#C9EFF5;
	float:left;
	width:512px;
	text-align: center;
	margin-top:10px;
	border-color:#C9EFF5;
        padding: 10px 0 10px 0; /* marge en haut et en bas */
}

tout simplement parce qu'avec un padding IE va l'interpréter différemment...

Nifux a écrit :
tout simplement parce qu'avec un padding IE va l'interpréter différemment...

Euh...

Tu as entendu parlé de doctype ?

a écrit :
Tu as entendu parlé de doctype ?

Euh oui, pourquoi ?