Problem mit div zentrierung

[Postaria]

<div id='format' style='border:thin solid red; width:500; height:400px; 
background-color:#000000; z-index:1; position:static;'>
    <div  style='z-index:2; position:absolute; margin:auto; text-align:center; ' >
        <img id='image' align='center'  src='A.jpg' width='384' height='216'>
    </div> 
</div> 

ich wurschtel schon seit 1 Tag hin und her probiere alle möglichen combinationen aber es will mir einfach nicht gelingen das image zentriert in dem div container format anzeigen zu lassen.


aber vielleich sehe ich auch wieder den Wald vor lauter Bäumen nicht mehr.
Eventuell gebt ihr einen Rat wie ich das bewerkstelligen könnte.

Danke im Vorraus

[Postaria]

Hmmm ... wie es manchmal so ist :!!!!
neuer tag neues Glück und schwupsti wup habe ich die Lösung.

<div id='format' style='border:thin solid red; width:500; height:400px; background-color:#000000; z-index:1; 
position:static; text-align: center; min-height: 10em; display: table-cell; vertical-align: middle '>
    <div  style='z-index:1;'>
        <img id='image' src='A.jpg' width='384' height='216'>
    </div> 
</div> 

damit ist dann das Bild sowohl horizontal als auch vertikal zentriert.
Falls sich irgendeiner schon auf die Suche begeben hat für eine Lösung möchte ich ihm Danken.
Achtung : Die Lösung mit dem Vertikalen Zentrieren

min-height: 10em; display: table-cell; vertical-align: middle 

funktioniert nur bei dem Firefox nicht im IE.
Wenn jedoch einer auch für den IE eine Lösung mit vertikaler zentrierung hat so möge er bitte sprechen.

Bis dann ...

[lennart]

Hab jetzt deins nicht getestet, aber ich würde dem hier folgen:

http://www.wpdfd.com/editorial/thebox/deadcentre2.html

[Postaria]

habe nach etwaiger recherche genau das gefunden was ich gesucht habe.
so das der IE auch in den genuss kommt das bild mittig setzten zu können.


http://www.cssplay.co.uk/menu/centered

danke lennart für deinen Link kam wegen der suche noch nicht dazu mir das anzuschauen werde ich gleich mal erledigen.