Warum funktioniert die Bildlaufleiste nicht in IE?

Question

Ich habe eine Bildlaufleiste erstellt und es funktioniert perfekt in Google Chrome und Firefox, aber nicht in IE. Ich habe das Gefühl, dass es mit der Zeilenhöheneigenschaft zu tun hat.

Mein Code:

Html:

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

Css:

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

Hier ist meine jsfiddle.

Wie auch immer, um dies in IE zu arbeiten?

Answer 1

Ändern Sie die <br/> in eine  . IE nimmt den nicht brechenden Speicherplatz etwas besser auf als nur ein <br>-Tag. http://jsfiddle.net/s9sycey1/3/

Answer 2

Ich fand es heraus. Anstelle von <br /> habe ich <span class="hidden">/</span> verwendet und ich habe meine CSS auf .hidden { visibility: hidden } gesetzt. Hier ist meine aktualisierte jsfiddle.