Responsive Design - Imágenes

Que tal gente?, Veremos si alguien me da una manito.

Resulta que empecé a trabajar con responsive design y tengo una duda. Al usar imágenes en base a lo que he leído debo agregar estas lineas al css

#midiv img { max-width: 100%; max-height: 100%; }

Que ocurre.. cuando cargo el sitio me sale en el tamaño general y despues al cargar todo lo redimensiona. He notado que en otros sitios no ocurre este problema, alguien sabe cual es la solución a mi dilema?

Muchas gracias

Saludos.

Si pudieras mostrarnos el sitio que estás haciendo...

Acá podrás verlo --> http://clientes.web507.com/rdtest/motos.php

Yo también estoy empezando con Responsive Web Design pero yo uso en max-width el ancho real de la imagen en píxeles:

#midiv img { max-width: 100%; max-height: 500px; }

De esta manera te aseguras que nunca se hará más grande de su tamaño real, de lo contrario si tubiera espacio para agrandarse se pixelaría.

Saludos