Eu tenho o seguinte código de marcação na minha página:

<code><div id="root_img" style="width:100%;height:100%">
    <div id="id_immagine" align="center" style="width: 100%; height: 100%;">
        <a id="a_img_id" href="./css/imgs/mancante.jpg">
            <img id="img_id" src="./css/imgs/mancante.jpg" />
        </a>
    </div>
</div>
</code>

E isso não parece como eu esperava, parece que:

Mas eu queria conseguir esse resultado:

Como posso centrar esta imagem horizontalmente e verticalmente?