Tengo el siguiente código de marca en mi 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>

Y no aparece como esperaba, se ve así:

Pero quería obtener este resultado:

¿Cómo puedo centrar esta imagen horizontal y verticalmente?