Problém se stíny v IE

Ahoj,
mám problém se stíny v IE, jsou posunuté o pár pixelů dolů a nezobrazují se celé. Zde je screenshot a zde jsou stránky, v ostatních prohlížečích fungují perfektně a na těchto stránkách jsou stíny dělány stejným způsobem, ale fungují i v IE, nevíte co dělám špatně? Dík Vojta

P.S. Jak jistě vidíte je to album fotek, tak by mě zajímal váš názor a také jestli nemáte nějaké nápady na vylepšení (nové funkce atd.)?

Stíny na obou webech jsou dělány stejným způsobem... to je takový problém se podívat do zdrojáků?
Tady jsou třídy v CSSku:
.shadow {
background: url('shadowAlpha.png') no-repeat bottom right !important;
background: url('shadowAlpha.gif') no-repeat bottom right;
margin: 16px 5px -5px 10px;
text-align: center;
width: 100%;
}

.shadow img {
display: block;
position: relative;
top:-6px;
background: #fff;
color:#000;
border: 1px solid #A9A9A9;
margin: -6px 6px 6px -8px;
}

a tady je html kód:

<div style="width: 90px"><div class="shadow">
<a href="slides/repro2.html">
<img src="thumbs/repro2.jpg" width="90" height="120" border=0 alt="repro2" />
</a>
</div></div>

Problém vyřešen... napíšu řešení, třeba se to bude někomu hodit.
Takže CSS:

.shadow {
background: url('shadowAlpha.png') no-repeat bottom right !important;
background: url('shadowAlpha.gif') no-repeat bottom right;
margin: 0 auto;
display: block;
}

.shadow img {
display: block;
position: relative;
top:-6px;
background-color: #fff;
border: 1px solid #aA9A9A;
margin: -6px 6px 0 -8px;
}

.shimage {
text-align:center;
margin: 5px 10px;
padding: 0;
}

a HTML:
<div class="shimage" style="width: 120px"><div class="shadow">
<img src="thumbs/DSC02589.JPG" width="120" height="90" border=0 alt="DSC02589" />
</div></div>