Imagem dentro da Div

Estou com um problema e não consigo resolver!

As imagens dentro da div naõ correspondem o que eu quero mostrar, por exemplo, quero ela do tamanho original só que não passe a div (aqui a div fica grande e sai até do lugar quando a imagem é grande)

Se eu tirar o width: 100%; a imagem pequena fica do tamanho certo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/fdwJQUd.png&key=2ed3d50a11a3d05c79c29ee685ab3eab80b10f2f8fc2522bbc6a48f694e6a0f4" alt="fdwJQUd.png" />

Se eu coloco width: 100% a imagem grande fica do tamanho da div, mas as imagens pequenas como a de cima fica assim:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/RmE1aHG.png&key=a95eb61b100664ef48d568f691eecde1b23ae6a55730af4d6dd9fa3866bfd84b" alt="RmE1aHG.png" />

A imagem grande sem o width:100% buga a div:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/yoX94lJ.png&key=e8d1697bd72e996353d4b59695596b939612b32be35972690ed5a08a4cd510e5" alt="yoX94lJ.png" />

Já tentei de tudo e não consigo fazer as imagens pequenas ficar do tamanho original e as grandes caber na div!

Uso uma div para a img:

img{

	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
}

Por favor me ajude! Obrigado!