Why does the scrollbar not work in IE?

Question

I have created a scrollbar and it works perfectly fine in google chrome and firefox but not in IE. I have a feeling it has to do with the line-height property.

My Code:

Html:

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

Css:

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

Here is my jsfiddle.

Anyway to get this to work in IE?

Answer 1

Change the <br/> to a  . IE picks up the non-breaking space a bit better than just a <br> tag. http://jsfiddle.net/s9sycey1/3/