Indipendentemente dalla risoluzione grafica, come si fa a posizionare un immagine al centro della pagina? Giusto nel centro?

Ho provato con queste due soluzioni (vedi sotto) ma l'immagine mi esce si al centro rispetto a left and right, pero' rispetto top e bottom non mi esce proprio al centro, mi esce un po' spostata verso il basso. So che giocando con i px posso metterla al centro, pero' devo andare ad occhio.

C'e' un instruzione che mi assicura che l'immagine mi esce al 100% al centro indipendentemente dalla risoluzione del monitor e indipendentemente dalla grandezza dell immagine?. Ho anche usato un immagine png, quindi senza bordi attorno.

Grazie


Questi sono i css che ho provato. L'immagine ho inserita all'interno di un DIV. Forse e' questo l'errore? Il div mi sposta l'immagine?????


{
position:absolute;
width:100%;
top:50%;
left:50%;
margin-height: -200px;
max-height: 400px;
}



oppure


{
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
}


nessuna dei due funziona come io voglio