Es probable que esté diciendo una tontería como un camión, pero ¿no lo podrías resolver así?
Código:
#content img {
margin-bottom:30px;
max-width:90%;
min-width:350px;
}
Por lo que entiendo, lo que quieres es que cualquier imagen, tenga las dimensiones que tenga, sea elástica y nunca sea ni más ancha que su tamaño original ni más estrecha de 350px.
El planteamiento es: no le establezcas ningún width, ella se pondrá a su tamaño original siempre que su contenedor le deje espacio; si el contenedor no le deja espacio, se irá escalando (mediante el max-width:90%); si llega a 350px, no se escalará más. Claro que esta solución no está probada en IE, todo hay que decirlo.
¿Qué pensáis?