Test de hacks CSS

Cette <div> est rouge sous IE 5.5
Cette <div> est bleue sous IE 6.0
Cette <div> est jaune sous IE 7.0
Cette <div> est violette sous Safari 1 & 2
Cette <div> est verte par défaut et donc sous Firefox, Netscape, Opéra et Safari 3

Le code CSS de cette page :

body {
	background:#EEE;
	font:1.7em/1.2 Trebuchet MS, Arial, Helvetica, sans-serif
}
body div {
	margin:2em auto;
	padding:2em;
	width:50%;
}
div {
	/* Pour SF 1&2 */	background:purple;
}
body {
	display:block;
	#
}

* html div {
	/* Pour IE 5.5 */	background:red;
  						voice-family: "\"}\""; voice-family: inherit;
	/* Pour IE 6.0 */	background:blue;
}
*:first-child+html div {
	/* Pour IE 7.0 */	background:yellow;
}
div {
	/* Par défaut */	background:green;
}

Le code HTML de cette page :

<div>
	<ul>
		<li>Cette <code>&lt;div&gt;</code> est rouge sous IE 5.5</li>
		<li>Cette <code>&lt;div&gt;</code> est bleue sous IE 6.0</li>
		<li>Cette <code>&lt;div&gt;</code> est jaune sous IE 7.0</li>
		<li>Cette <code>&lt;div&gt;</code> est cyan sous Safari 1 & 2</li>
		<li>Cette <code>&lt;div&gt;</code> est verte par défaut et donc sous Firefox</li>
	</ul>
</div>