Der A.: Liste von unten rechts nach oben links

Beitrag lesen

Hallo allerseits.

Ich habe eine Liste, die Vorschaubilder beinhaltet. Diese Liste würde ich gerne von unten rechts nach oben links füllen.

  
<div class="team">  
<ul>  
<li><a href="#"><img src="#" /></a></li>  
...  
</ul>  
</div>  

Kann mir jemand sagen, wie ich die li per CSS genau formatieren muss, damit sich die Vorschaubilder ein definiertes Feld von unten rechts nach oben links auffüllen?

Mein bisheriges CSS:

  
.team {margin:0; width:650px; height:360px; text-align:right;}  
.team ul {position:absolute; bottom:0; right:0;}  
.team ul li {float:right; margin:0 1px 1px 0; list-style:none; height:64px; line-height:64px;}  
.team ul li a img {border:none;}