Переполнение не имеет фона

У меня есть article подобная этому классу:

.stretchedToMargin {
    display: block;
    position:absolute;
    height:100%;
    bottom:0;
    top:0;
    left:0;
    right:0;
}

Это прекрасно: статья занимает всегда по крайней мере все вертикальное пространство. Для статей, превышающих экран, отображается полоса прокрутки.

Но для статей, расширяющихся дальше экрана, когда мне нужно прокручивать, чтобы просмотреть содержимое, фон не установлен. article разделена между частью с правильным фоном и частью с неправильным фоном.

Как я могу заставить мою article быть на самом деле такой же высокой, как контент, но, по крайней мере, такой же, как и область просмотра?

РЕДАКТИРОВАТЬ

Добавление примера: http://jsbin.com/UvasEBik/1/ Соответствующий снимок экрана: