Сайт с адаптивным дизайном состоит из двух колонок.

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

При уменьшении размера окна браузера менее 800 рх две колонки отображаются одна под другой.
Это работает нормально.

Но на практике нужно, чтобы левая колонка, в которой будет меню, была не уже 220рх. И потому в макет добавлено соответствующее ограничение min-width. Результат здесь.

Как видите, почему-то сначала появляется вот такая дефектная картинка, как в скриншоте, и лишь при последующем сужении все нормализуется.

Почему возникает этот дефект?

У меня показывает нормально сразу

Всё дело в процентных соотношениях. Если убрать padding 1% у #Contour_page - всё нормализуется, если padding нужен тогда можно задать медиазапрос не 800 а 820 px.
И ещё не там поставил ;

<div style="background-color:#CC3";> <!-- Начало Футера -->