Загрузка "резиновой" картинки

[type]

Предположим, имеется адаптивная страница с двумя абзацами и картинка между ними:

<p>Абзац 1</p>
<img style="max-width: 100%; height: auto;" src="http://pic1.jpg" />
<p>Абзац 2</p>

Картинке не заданы фиксированные размеры через width="" и height="", на то она и резиновая.

При создании страниц с фиксированной шириной я прописывал размеры картинки в пикселях, благодаря чему страница формировалось с пропуском, в который загружалось изображение. В случае с резиновой графикой таких "пропусков" нет - сначала грузятся два абзаца, затем второй абзац "слетает" вниз, освобождая место под картинку.

Меня интересует как поступить грамотно в такой ситуации. Оставить как есть и не париться, что страница дергается первые доли секунды?

Спасибо.

[deadrash]

Раздвигать абзацы плавно яваскриптом, после загрузки картинки.

[Zippovich]

попробуйте все таки выставлять width и height, css все равно их перебъет

[type]

попробуйте все таки выставлять width и height, css все равно их перебъет

пробовал, не помогает

так можно ли считать это нормой или надо всё-таки что-то придумывать?