CSS: text-overflow with direction:rtl

Throughout our WebApp we need to hide text overflow (normally for data in a table), and display ellipsis.

In some edge-cases, the significant data appears at the end of the text. A reasonable solution to this would appear to be using the CSS "direction: rtl;" feature.

See sample: http://jsfiddle.net/ZfbaD/217/

This works as expected in Firefox 28

However, in IE 11 (and indecently Chrome 34) while the ellipsis appear on the left, it is the text on the right which is clipped.

Should this be the expected behaviour?