No sé como centra una imágen dentro de article

[mblascog]

Buenas,
Lo que quiero conseguir es centrar una imagen una imagen.
Las dimensiones del section son 1024 x 350.
Quisiera que article heredara dichas dimensiones, pero sólo hereda el ancho, el alto es 147, que es la altura de la imagen más el margin

Código HTML:

<section>
        <article id="index">
            <img id="index" src='img/retol.png'/>
        </article>
    </section>
 

Código CSS:

section{
    width:100%;
    min-height:350px;
    overflow:hidden;
    background:#BABABA;
    float:left;
}
 
section article#index{
    width:100%;
    height:100%;
    margin:0 auto;
}
 

No sé si debería poner un div dentro de article. La verdad es que me lío.

Gracias