jednakowa strona w ie6, ie7, firefox - css, vertcal align 'img' w 'div' Opcje

[hrehor]

zrobilem stronke, ktora ku mojemu zadowoleniu wyglada identycznie w ie6 i firefoxie (operze tez).
nie bylo latwo, ale dzieki selektorom '.element[class]' udalo sie przypisac odpowiednie style zarowno dla ie i ff.
cos mnie podkusilo zeby zobaczyc jak to bedzie wygladalo w ie7 - no i oczywiscie lipa.
(offtopic - przy instalacji ie7 uszkodzil mi windowsa, juz sie nie wlaczyl)

strona to www.photography.kw.pl
pozycjonowanie obrazkow wyglada dobrze w ie6 i ff, natomiast w ie7 vertical alignment juz nie dziala (jest top zamiast middle). pomocy :-)

kod css zostal 'zapozyczony' od kolegow z adobe (galeria html programu lightroom, np: www.switzerland.kw.pl)

[HTML] pobierz, plaintext 
/* cell alignment */
.alignmentOuter													
{ z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.alignmentOuter[class]										
{ position: static; text-align: center; display: table; }
 
.alignmentMiddle												
{ z-index: 3; position: absolute; top: 50%; left: 47%; }	/* for explorer only*/
.alignmentMiddle[class]										
{ position: static; display: table-cell; vertical-align: middle; }
 
.alignmentInner													
{ z-index: 4; position: relative; top: -50%; left: -50%; }	/* for explorer only */
.alignmentInner[class]											
{ position: static; }
 
.AdjustZIndex														
{ z-index: 4; position: relative; }
 
<div class="thumb">
<div class="itemNumber">4</div>
<div class="alignmentOuter">
<div class="alignmentMiddle">
<div class="alignmentInner">
<div class="AdjustZIndex">
<a href="fotka.php?id=2"><img src="src/thumbs/arch/DSC_2624.JPG" alt="TV tower" /></a>
</div>
</div>
</div>
</div>
</div>
[HTML] pobierz, plaintext 

jak widac prawidlowe pozycjonowanie dla ff i ie6 wymaga sporo gimnastyki, a tu jeszcze ie7...