Bild horizontal und vertikal! zentrieren

[kbtk]

Hallo,
ich habe folgendes Problem:
Bilder verschiedener Größe kommen aus der Datenbank, und das Bild soll innerhalb eines Div Blocks( in meinem Fall 460 px breite und 380 px höhe) immer vertikal und horizontal ausgerichtet sein.
Meine Lösung läuft allerdings im FF und IE7 + 8

Code: Alles auswählen

#foto{
   width:460px;
   height:380px;
   float:left;
   text-align:center;
   }
   
   
#foto p{   
width:460px;
height:380px;
margin:0px;
padding:0px;
display:table-cell;
text-align:center;
vertical-align:middle;
}

Plus folgenden Code in einer ausgelagerten Datei für den IE7

Code: Alles auswählen

#foto p{
width:460px;
line-height:380px;
display:table-cell;
text-align:center;
vertical-align:middle;
}

Was haltet ihr von dieser Lösung bzw habt ihr eine bessere, elegantere Idee, die auch mit IE 6 funktioniert?Habe schon einiges gesucht, aber habe meistens Lösungen für feste Breiten und Höhen eines Bildes gefunden..

Danke im voraus

[kbtk]

ok habe jetzt folgende Seite gefunden
http://www.brunildo.org/test/img_center.html
Jetzt funktionierts ganz gut, auch im IE6!

[Daniel]

hi,

Code: Alles auswählen

background-position:center center

funktioniert nicht?

gruss.