Remo Liechti: :not und :first-child

Beitrag lesen

Hallo zusammen,

ich habe ein div mit paar Bildern drin. Die Bilder sollten immer einen margin-left haben, so dass sie einen kleinen Abstand haben. Dies mache ich indem ich den margin für alle Bilder ausser dem Ersten setze:

  
<div class="picture-list-horizontal">  
	<img src="bild1.jpg"/>  
	<img src="bild2.jpg"/>  
	<img src="bild3.jpg">  
</div>  

  
// div eigenschaften  
.picture-list-horizontal{  
	margin-top:5px;  
	margin-bottom:5px;  
	width:100%;  
}  
  
// für alle bilder innerhalb des divs den border setzten  
.picture-list-horizontal>img{  
	border-width:1px;  
	border-style:solid;  
	border-color:#ababab;  
}  
  
// für alle bilder ausser dem ersten den margin setzten  
.picture-list-horizontal>img:not(:first-child){  
	margin-left:15px;  
}  

dies funktioniert wunderbar in allen Browsern ausser dem lieben IE.
Wie krieg ich das im IE6/7/8 zum laufen? Hab schon gegoogelt und auch ein paar Topics hier im Forum gefunden aber habs damit nicht hinbekommen:
http://forum.de.selfhtml.org/archiv/2009/4/t186070/#m1235558

Ideen?

Danke und Gruss,
Remo