img innerhalb von li vertikal zentrieren

[Mel]

Hi,

ich versuche grad eine Kundenlogoliste in Form zu bringen.

Das sieht dann so aus:

<ul class="kundenlogos">

<li>
<a href="#"><img src="/basics/logos/example.gif" alt="" /></a>
</li>

<li>
<a href="#"><img src="/basics/logos/example.gif" alt="" /></a>

</li>

etc..

</ul>

Die li´s sollen als quadrate dargestellt werden.

ul.kundenlogos li {
display: block;
float: left;
width:7em;
height: 7em;
text-align: center;
margin: 0 10px 16px 0;
border: #ccc 1px solid;
line-height: 7em;
}

ul.kundenlogos li img {
vertical-align: middle;
}

Im FF zentriert der mir die enhaltenen images wunderbar. Opera, Safari und haha der IE spielen da nicht mehr mit.

Hat jemand eine Idee? Bin schon etwas erstaunt dass die ersten beiden das nicht zentrieren.

Vielen Dank,
Mel