position relative et IE!!

[Bacchus]

Salut!

Je comprend pas pourquoi mais IE me joue des tours avec une de mes position:relative. J'ai un div contenu disposé de la sorte:

Code : Tout sélectionner

.contenu {
	position: relative;
	top: 10px;
	margin-left: 18%;
	margin-right: 20%;
	width: 62%;
	height: auto;
	background-color: #d3d3d3;
	border: 1px solid #000000;
	/* pour les applications Gecko */
	-moz-border-radius: 15px;
	-moz-box-sizing: border-box;
}

et dans ce contenu j'ai des titres <hx> stylé de la sorte:

Code : Tout sélectionner

h1, h2, h3, h5, h6 {
	font-family: "Times New Roman", Times, serif;
	font-style: oblique;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-align: center;
	color: #ffffff;
	background-color: #000000;
	-moz-border-radius: 15px;
	-moz-box-sizing: border-box;
}

h2 { 
  border-bottom: 1px solid #ffffff;
}

h4 {
	text-align: left;
	background-color: transparent;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	padding-left: 5px;
}

Cela est similaire dans deux de mes css, Dark Style et Lite Style, pourtant dès que j'ai mis le position: relative certain background-color ne s'affiche pas. Le premier en haut est présent mais les autres ont fichue le camp!

Voir: http://users.rockweb.org/Isolder/index.php

Testez avec les deux styles et comparez avec Firefox et IE pour comprendre ce que je veux dire.

Pourquoi cela se produit? J'pige pas!

Merci

[calimo]

Supprimes immédiatement tous les -moz-box-sizing ! Ce n'est pas prévu pour être utilisé en production.

C'est sans doute un de ces nombreux bugs d'IE

[Bacchus]

Bon j'abandonne, j'ai toujours tout fait pour que mes sites web soit compatible sous Firefox/Mozilla, Opera et IE. Mais la je sais plus quoi faire, alors au diable IE. C'est dommage mais j'ai plus envie de tout sacrifié de la sorte.

Voir le joli cadeau que je laisse à IE: http://users.rockweb.org/Isolder/index.php

p.s. J'accepte vos sugestions pour un meilleur texte.