Imagenes Elastica con Max-width definido

[chichote]

Hola muchachos(as) de FDW.

Tengo un problemon y no se como resolverlo, haber si me hechan una manito.

Resulta que estoy armando un sitio en donde las imagenes de cierta seccion (#content, cabe mencionar que este contenedor es elastico y se adapta al tamaño de la pantalla) deben ser elasticas, en un principio todas las imagenes serian de 750px, por lo que cree el siguiente css:

#content img{
margin-bottom:30px;
max-width:750px;
min-width:350px;
width:90%;
}


hasta ahi todo bien.

PERO, siempre existe un pero XD, ahora me sale otro requerimiento, las imagenes no siempre seran de 750px, es posible que ingresen imagenes mas pequeñas, entonces si suben una imagen de 400px con la regla css que creé la imagen se va a 750px y obviamente se pixela.

Entonces lo que necesito es que siga funcionando a 90% para que sea elastica pero que el Max-width sea el tamaño original la imagen.


Alguien tiene alguna idea? se lo agradecería mucho.

Saludos.

Chichote.