Thumbnails wie in Lightroom

[Hendrik]

Hey!

Ich benutze Adobe Photoshop Lightroom 2 und fand schon immer die grauen Nummern hinter den Bildern genial. Solch ein ähnliches Aussehen möchte ich jetzt auch bei der Bildergalerie auf meiner Internetseite erreichen (einigermaßen hier zu sehen).

  
  <table>  
 <tr>  
<td style="border: 1px solid #BBBBBB; vertical-align: middle;">  
<div style="height: 100px; width: 100px; position: relative; font-size:3em; font-weight: bold; color: #BBBBBB; vertical-align: middle;">  
253  
<div style="height: 100px; width: 100px; position: absolute; top: 0px; left: 0px; text-align: center; vertical-align: middle;"><img src="thumbnail.jpg" alt="Thumbnail" style="vertical-align: middle;"></div>  
</div>  
</td>  
 </tr>  
  </table>  

Das klappt auch alles sehr gut, nur hab ich das Problem, dass es mir nicht gelingt, die Bilder sowohl vertikal als auch horizontal mittig auszurichten, sodass man die am oberen Rahmen befindliche Zahl sehen kann. Bis jetzt ist das Bild nur horizontal zentriert!

Hoffe, ihr könnt mir helfen...

Hendrik