css - word-break css が IE8 で機能しない

Question

thisとthisを見て、両方の方法を試して単語区切りを span タグに適用しました。どちらもIE8では機能しません。

私が試しているコードは次のとおりです。

.bodyWrap .dashboard .col2 .wrapper .locInfoWrap .nickname { 
    font-size:16px;  
    color:#000;  
    word-wrap:break-word;  
    -ms-word-wrap: break-word; 
    -ms-word-break: break-all;
}

追加するために編集-次のように、スパン要素に幅を追加しようとしました:

.bodyWrap .dashboard .col2 .wrapper .locInfoWrap .nickname { 
        font-size:16px;  
        color:#000;  
        word-wrap:break-word;  
        -ms-word-wrap: break-word; 
        -ms-word-break: break-all;
        width:100%;
    }

まだ同じように見えます。助けてください！これはクライアントにとって重要な要件です。

最終的には次のようになります (拡大版はこちら)。

これを IE8 で動作させるにはどうすればよいですか?