Ingo Siemon: Warum klappt denn dieser Conditional Comment nicht ?

Beitrag lesen

Hallo

Ich möchte für den IE5 und IE5.5 einen speziellen CSS-Code machen.
Nun habe ich im <head>-Bereich meiner Seite folgendes gemacht:

<link rel="stylesheet" type="text/css" media="screen" href="Test-11.css" />  
<!--[if lt IE 7]><style type="text/css">@import url(Test-11-IE.css);</style><![endif]-->  
<!--[if lte IE 5.5]><style type="text/css">@import url(Test-11-IE5.css);</style><![endif]-->

"Test-11.css" ist die normale CSS-Datei.
"Test-11-IE.css" ist eine CSS für alle IEs.
"Test-11-IE5.css" ist eine CSS für alle IEs klener/gleich IE5.5

Und da ich die auch genau so in der Reihenfolge da stehen habe,
müsste die letze die erste doch gegebenenfalls überschreiben.
Der Code, um den es mir dabei nun geht ist folgender:

In der "normalen" CC-Datei (Test-11.css):

  
p, h1, h2 {  
  background: #004559;  
  margin: 0 auto 7px;  
  border: 1px solid #fff;  
  padding: 5px;  
  width: 498px;  
  text-align: left;  
}

In der CSS-Datei für IEs kleiner/gleich 5.5 (Test-11-IE5.css):

  
p, h1, h2 {  
  background: green;  
  width: 510px;  
}

Demnach müssten doch unter anderem im IE5 und 5.5 die
Bereiche <p>, <h1> und <h2> einen grünen Hintergrund haben
oder nicht?

Es will aber nicht funktionieren und ich verstehe nun nicht weshalb.
Wenn Ihr mir einen Denkanstoss geben könntet, wo denn da nun
mein Fehler steckt, würde ich mich freuen.

Gruß
Ingo