z-index virker ikke?

Hej Udviklere.

Jeg har lavet et rating system hvor jeg benytter mig af css egenskabet z-index for at sortere nogle billeder i rækkefølge. Men af en eller anden grund virker det ikke. Min kode er følgende:

<div class='ratingbox'>
		
		<img src='/images/starcolor.gif' style='z-index:1;position:absolute;' /><img 
		
		src='/images/starrating_small.png' width='20' height='20' style='z-index:50' /><img 
		
		src='/images/starrating_small.png' width='20' height='20' style='z-index:50' /><img 
		
		src='/images/starrating_small.png' width='20' height='20' style='z-index:50' /><img 
		
		src='/images/starrating_small.png' width='20' height='20' style='z-index:50' /><img
		
		src='/images/starrating_small.png' width='20' height='20' style='z-index:50' />

		</div>