CSS - text overflow not working in IE10

I am using the following css to make the text truncated too long. The layout uses flex and it works fine on Chrome, but in IE10 the 3 dots (...) are not displayed and the text is just clipped.

.title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal
}

      

        
        
        
      

    

When I open the developer console in IE10 and look at the css that is applied to the element, I don't see the text-overflow property. Even when I add it manually, it doesn't apply to the element, like IE10 it doesn't recognize this property!

Any idea how I can fix this?