スタイルシートで文字列を省略し、・・・を付ける方法

Webで使えるテクニック！Webで困ったときのメモ帳より、CSSだけで文字列を省略して「・・・」を付けて表示する方法というのがありました。 http://ameblo.jp/linking/entry-10268808742.html そして、その元記事はこちら FirefoxとSafariのCSS対応--ボックスに収まらないコンテンツの表示方法 http://builder.japan.zdnet.com/sp/css-firefox-safari/story/0,3800083423,20378240-2,00.htm 要は、 text-overflow: ellipsis; を使うのだが、文字数ではなく、幅で指定できるので、これは使えそうなテクニックだ。 と思ったのだが、 ・・・ Firefox や Chrome は？ 上記ページにあったサンプルをつかって、実際の表示を確認したところ