I am trying to use `text-overflow: ellipsis` to truncate text on my website. It displays correctly in Firefox, but does not display in IE; I have included my code and examples of how it displays in both Firefox and IE below:

```
.ellipsis {
    font-weight: bold;
    height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}

```

![Elippis on IE and Firefox](https://i.stack.imgur.com/jMchn.png)