CSS отображает вертикальную полосу прокрутки по предварительному тегу

Я пытаюсь отобразить вертикальную полосу прокрутки в Chrome running latest version 21, когда содержимое тега pre переполняется. Я не могу заставить вертикальную полосу прокрутки отображаться на экране.

См. этот jsFiddle: http://jsfiddle.net/justink101/2tJmC/

ИЗМЕНИТЬ

В Mac OSX

Ответ 1

http://jsfiddle.net/UTYzd/

вы загружаете css из внешнего файла: bootstrap-combination.min.css попробуйте изменить следующее:

word-break word-wrap white-space

pre {
    height: auto;
    max-height: 200px;
    overflow: auto;
    background-color: #eeeeee;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: pre !important;
}

Ответ 2

Вы можете попытаться обернуть теги раздела "pre" с помощью "div" и применить CSS к этому div.

Вот jsfiddle.