Desbordamiento de texto: elipsis no funciona en IE

En esta página hay algunos enlaces en la barra lateral izquierda que se recortan con:

.widget-area .textwidget li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

En Firefox / Chrome se muestra correctamente: Captura de pantalla de Firefox / Chrome

Lamentablemente, Internet Explorer 8/9/10 …: Captura de pantalla de IE 10

El problema no es el soporte de IE 10 para desbordamiento de texto: puntos suspensivos … ¡por ejemplo, esto también funciona en IE 10! ¿Qué pasa con mi implementación? También traté de agregar -ms-text-overflow: puntos suspensivos, sin suerte.

Quitar el ajuste de word-wrap: break-word propiedad de word-wrap: break-word sueltas debería ayudar.

agrega propiedad width a tu código CSS … esto ayudaría …

Para IE debes agregar un código adicional … como cambiar tu propiedad de ancho … o intentar usar un plugin de jquery dotdotdot … eso sería una solución alternativa. Como este

http://dotdotdot.frebsite.nl

Editar: sigue este enlace

Quirksmode textoverflow

que te dice que establezcas el ancho: 100% para IE …