В CSS, когда я прокручиваю полосу прокрутки, фон-цвета

исчезает

Такой код HTML:

    

        
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
        
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
    

Такой код CSS:

div {
    width: 400px;
    overflow-x: scroll
}

.a {
    background-color: red;
}

.b {
    background-color: blue;
}

Когда я прокручиваю полосу прокрутки, я вижу, что цвет фона применяется только к исходному непрокрученная область. Как я могу решить эту проблему.

Мой код здесь

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

Еще один пример, ясно показывающий мою проблему.

Теперь у меня есть вторая проблема:вторая строка исчезла...почему