Создание полосы прокрутки CSS, когда у вас уже есть div для текста

Question

Я изучаю css и хочу использовать его больше. Пока я использую таблицу, но выяснил, что css является более гибким. Моя текущая проблема заключается в создании вертикальной полосы прокрутки, когда у меня уже есть теги Div, окружающие мои тексты. То, что я ниже не работает должным образом:

Я использую ColdFusion 10 для перебирает результаты запроса, и я использую CSS для стилизации текстов:

Это часть моей CSS:

<style> 
    #Meeting{ 
     font: 0.7em Book Antiqua, Georgia, Times New Roman, serif; 
     font-size: 12px; 
     color: #4f4f4f; 
     position: absolute; 
     top: 495px; 
     left:308px; 
    } 

    #scroll { 
    background-color: #00FFFF; 
    width: 100px; 
    height: 100px; 
    overflow: scroll; 
    }   
    </style> 

    <div id="Meeting"> 
    <cfoutput query="GetNextMeeting"> 
    #MeetingDay#, #MeetingMonth#/#MeetingDate#/#MeetingYear#<br> 
    </cfoutput> 
    </div> 

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

<div id="scroll"> 
    <div id="Meeting"> 
    <cfoutput query="GetNextMeeting"> 
    #MeetingDay#, #MeetingMonth#/#MeetingDate#/#MeetingYear#<br> 
    </cfoutput> 
    </div> 
    </div 

Answer 1

Я думаю, что я сделал это путем объединения двух CSS:

#scroll { 
    background-color: #FFFFFF; 
    width: 300px; 
    height: 150px; 
    overflow: scroll; 
    font: 0.7em Book Antiqua, Georgia, Times New Roman, serif; 
    font-size: 11px; 
    color: #4f4f4f; 
}