CSS Problem mit display: table-cell IE & Firefox

[shockmaster]

Hi

Ich habe ein problem und zwar will ich ein Bild in einem Link Tag vertikal mittig per css ausrichten

. Im Firefox klappts und es sieht auch gut aus. Lediglich im IE bekomme ich das nicht hin das das Bild Vertikal in der Mitte sitzt

CSS
.artikellinkbox {
width: 120px; height: 120px;
background : #FFFFFF;
BORDER: #000000 1px solid;
vertical-align: middle;
text-align: center;
display:table-cell;


}
img.artikellinkbox{
display:table-cell;
vertical-align:middle;
}

HTML
<a href="details.asp" class="artikellinkbox">
<img ...>
</a>

artikellinkbox wurde von mir auf eine einhetliche größe von 120px mal 120px gesetzt da ich nur kleinere bilder hier anzeige die allerdings unterschiedlich hoch sind. So erreiche ich das schön einheitlich ausschaut. Naja zumindest bis auf die Vertikale Ausrichtung.

kennt jemand einen trick ???

 

[syntec]

vielleicht nicht im CSS, sondern im <IMG> tag valign=middle einsetzen!?

Wenn Du ne feste Größe hast, könntest Du ja auch noch ein margin-top für das img.css machen, vorausgesetzt die Bilder haben
alle die gleichen Ausmaße..

 

[Benjamin_L]

wenn schon, dann valign="middle"

 

[PuppetMaster]

Der IE kann kein display:table(irgendwas).

Die Angaben zu den Tabelleneigenschaften werden von Netscape 6.0 interpretiert, vom Internet Explorer jedoch auch in der Version 6 noch nicht.

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display


/edit
Die einfachere Lösung wäre line-height, aber selbst das bringt der IE wegen eines Bugs nicht zustande, sobald sich ein img darin befindet.