在ie8中，css省略号错位了

Question

由于某种原因，省略号将显示在文本下方而不是IE8中的行尾（在FF32，IE9 +中正常工作）

HTML

---

<div class="event">
  <small class="timetable">text</small>
</div>

CSS

---

.event .timetable {
    display: block;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

以下是图片

---

IE8 KO

FF32 OK

知道该怎么做/可能是什么？