[Resolvido] Centralizar Imagem na DIV

Olá, gostaria de saber como faço para centralizar uma image dentro de uma DIV sendo que serão varias com tamanhos diferentes.

#foto {
	width: 130px;
	height: 130px;
	text-align: center;
	margin:auto;

}sendo que a foto pode vir com 130px de altura ou de largura, então como ela pode ficar centralizada a partir do ponto central da div independente do tamanho maior que pode ser da altura ou largura tipo como se faz nas tabelas

<table width="130" height="130" border="0" cellpadding="0" cellspacing="0">
 <tr>
 <td align="center" valign="middle"><img src="fotos/foto.jpg" width="70" height="50" /></td>
 </tr>
 </table>obs: na CSS acima ja está centralizado na Horizontal, falta apenas na vertical 

desde já agradeço a todos

#foto {
 width: 130px;
 height: 130px;
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 }

 margin: 0 auto;
 }

<div id="foto">

 <img src="imagem.gif" alt="foto" />

</div>