CSS-Hacks für den IE

[Marco]

Hey!

Ich experimentiere gerade mit den verschiedensten CSS-Hacks, um einzelne Versionen des IE anzusprechen (habs auch schon mit Conditional Comments versucht, gefällt mir aber nicht so).

Jetzt ist das Problem, dass ich für ein HTML-Tag zwei verschiedene Weichen haben möchte, nämlich so:

  
/* -- IE <= 6 -- */  
* html h1 {  
background: none;  
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/layout/sym1.png', sizingMethod='crop');  
}  
  
/* -- IE < 5.5 -- */  
* html h1 {  
padding-left: 0;  
}  

Sinn der Übung ist es, ein transparentes Png-Bild als Hintergrund einer H1-Überschrift einzurichten, die Überschrift mit padding einzurücken, damit sie nicht über dem Bild liegt. Der IE6 + 5.5 benötigen dafür den AlphaImageLoader, den der IE5 aber noch nicht kennt, weshalb dieser nicht per padding eingerückt werden soll. Ich hoffe, ich habe das einigermaßen verständlich erklärt.

Das Problem ist, dass jetzt alle IEs das padding-left: 0; ausführen. Ebenso verhalten sie sich bei ähnlichen Hacks, wenn mehrere davon aufeinander folgen.

Weiß irgendjemand Rat?

Danke und Gruß,
Marco

PS: Muss man die Hacks eigentlich auch wieder schließen?