CSS "overflow" изгоняет "background-color"

Я пытаюсь стилизовать блоки кода для сайта. Контейнер div настроен на переполнение как по вертикали, так и по горизонтали. Проблема в том, что когда он переполняется по горизонтали, зеброво-полосатый фоновый цвет обрезается. Я пробовал и с фоновым изображением, но оно тоже сбрасывается. Почему это происходит и как это исправить?

Спасибо.

Изображение: http://zero.robotrenegade.com/q3w/background-overflow.png

Веб-страница (уменьшите ширину браузера, чтобы увидеть проблему): http://zero.robotrenegade.com/q3w/code.html

    
    
    
    
    
    
    
    
    






void idAF::Restore( idRestoreGame *savefile ) {
    savefile->ReadObject( reinterpret_cast( self ) );
    savefile->ReadString( name );
    savefile->ReadBool( hasBindConstraints );
    savefile->ReadVec3( baseOrigin );
    savefile->ReadMat3( baseAxis );
    savefile->ReadInt( poseTime );
    savefile->ReadInt( restStartTime );
    savefile->ReadBool( isLoaded );
    savefile->ReadBool( isActive );

    animator = NULL;
    modifiedAnim = 0;

    if ( self ) {
        SetAnimator( self->GetAnimator() );
        Load( self, name );
        if ( hasBindConstraints ) {
            AddBindConstraints();
        }
    }

    savefile->ReadStaticObject( physicsObj );

    if ( self ) {
        if ( isActive ) {
            // clear all animations
            animator->ClearAllAnims( gameLocal.time, 0 );
            animator->ClearAllJoints();

            // switch to articulated figure physics
            self->RestorePhysics( &physicsObj );
            physicsObj.EnableClip();
        }
        UpdateAnimation();
    }
}