Tại sao thanh cuộn không hoạt động trong IE?

Question

Tôi đã tạo một thanh cuộn và nó hoạt động hoàn toàn tốt trong google chrome và firefox nhưng không có trong IE. Tôi có cảm giác nó phải làm với thuộc tính chiều cao dòng.

Mã của tôi:

Html:

<div id="scrollbar"><br /></div> 

Css:

#scrollbar { 
    margin-top: 10px; 
    height: 220px; 
    float: right; 
    overflow-y: scroll; 
    line-height: 403px; 
} 

Đây là jsfiddle tôi.

Dù sao để làm việc này trong IE?

Answer 1

Thay đổi <br/> thành  . IE chọn không gian không phá vỡ tốt hơn một chút so với chỉ một thẻ <br>. http://jsfiddle.net/s9sycey1/3/

Answer 2

Tôi đã tìm ra. Thay vì <br /> tôi đã sử dụng <span class="hidden">/</span> và tôi đặt css của mình thành .hidden { visibility: hidden }. Đây là cập nhật của tôi jsfiddle.