To fix up only IE5.x, use the following CSS commands:

 

div {
	margin: 5em;
	padding: 4em;
	border: 1em solid green;
	width/**/:/**/ 40em;
	width: 30em
}

IE5.0	IE5.5	IE6	IE7	others
30	40	30	30	30

 

 

To fix up all versions up to IE6, use these CSS commands:

 

div {
	margin: 5em;
	padding: 4em;
	border: 1em solid green;
	width: 40em
}
html>body div {
	width: 30em
} 

IE5.0	IE5.5	IE6	IE7	others
40	40	30	30	30

 

just a fix for IE prior to IE7 (IE6! IE5.5? IE5.0?) (IE7 will ignore this)

 

html div {
	width: 30em
} 
* html div {
	width: 40em
} 

IE5.0	IE5.5	IE6	IE7	others
40	40	40	30	30

 

 

Natürlich sind das unsaubere Lösungen, die mit dem Erscheinen eines neuen Browsers/Browserversion zu erheblichem Chaos führen können, weil man nicht sagen kann wie er was interpretiert.

Eine saubere Lösung besteht darin spezielle Anweisungen (CSS-Definitionen, oder CSS-Includes) einzubauen, die nur von der entsprechenden Version des IE gesehen werden und damit das entsprechende Fehlverhalten korrigieren. Dazu kann man Conditional Comments benutzen.