text-overflow:ellipsis doesn't work on IE

Question

In this page there are some links at the left sidebar that get cropped with:

.widget-area .textwidget li {
    overflow: hidden;
    text-overflow: ellipsis;         


        

Answer 1

Removing the word-wrap: break-word property should help.

Answer 2

add width property to your CSS code..this would help..

Answer 3

For IE you should add some extra code..like changing ur width property..or try using a dotdotdot jquery plugin..that would be an alternate solution.. Like this

http://dotdotdot.frebsite.nl

Edit: Follow this link

Quirksmode textoverflow

which tells you to set the width:100% for IE..