Centrar con CSS una imagen en una capa

[schattenburg]

Hola a todos:

Lo que pretendo es muy sencillo pero no encuentro la manera de hacerlo. Quiero centrar (tanto vertical como horizontalmente) una imagen dentro de una capa. Por ejemplo:

<div id="capa" style="position:absolute;top:0;left:0;width:160;he ight:160;background-color:#FFF000;text-align:center;valign:middle;">
<img border=0 class="centrar" width="130" height="130" src="pepe.jpg">
</div>

Horizontalmente se me centra bien con lo de text-align:center, pero verticalmente he probado con:

valign:middle;
vertical-align:middle;
valign:center;
vertical-align:center;
vertical-align:baseline;
etc

Es decir, de todas las maneras posibles que se me han ocurrido pero nada. No consigo que se me centre verticalmente.

Gracias por adelantado

[Linton]

Cuenta los píxeles y hazlo con margin

Es decir, si el div mide 400 x 260 px y quieres centrar una imagen de 300 x 200 px, le das margin: 30px 50px.

Saludos.

[pzin]

También habría que especificar altura/anchura de #capa con alguna medida, porque pones un valor pero no pones medida.

[leoass]

Concuerdo con Linton. Una opcion es margin. Puedes usar como medida los pixeles o "em". Prueba con eso. Cualquier cosa volve por aca... :)