Ellipsis ne fonctionne pas bien dans Firefox mais fonctionne dans le chrome

J'essayais de faire un lien restreint à une largeur en utilisant l'ellipse.Ellipsis ne fonctionne pas bien dans Firefox mais fonctionne dans le chrome

Le html est quelque chose comme ceci:

<a class="blueLink2 destination-url-space" style="top:0;" href="http://google.com/uyv245">http://google.com/iuh345345345gthrthrthrth</a>

et le CSS est

.blueLink2 { 
    color: #0051A1; 
    display: inline; 
    font-size: 14px; 
    margin-left: 5px; 
    overflow: hidden; 
    position: relative; 
    text-overflow: ellipsis; 
    top: 0; 
} 
.destination-url-space { 
    display: inline-block; 
    max-width: 200px; 
    overflow-x: hidden; 
}

Mais il fonctionne seulement dans Chrome. Ne fonctionne pas dans Firefox. Démo: http://jsfiddle.net/xE6HG/ S'il vous plaît, aidez-moi.

Source

2013-02-01 user1012181