<p><span>hogehogehogehoge</span></p>

みたいなHTMLがあった時に、CSSで

p:after {
	content: "...";
}

span { 

	text-overflow: ellipsis;

	width: 100px;

	overflow: hidden; 

	float: left;

}

と書けばOKだそうです。
:afterはCSS2で追加された疑似要素というもので、
サンプルのCSSではPタグの後ろ（after）にcontentの内容 「...」を付け足します。

ただ、この:after擬似要素はWindowsのIEでは未実装なので、無視されます。
FireFoxはOKみたいです。
でも、WinのIEを使ってる人が多いので、正直これだけじゃ意味ないんですね。
そこで生きてくるのが、spanタグに設定した「text-overflow: ellipsis;」。
これはIE6以降に実装されている、テキストがオーバーフローした時に「...」で省略するというスタイル。

という事で、うまくFireFoxとIEの実装の違いを使い表現しているといったものです。
凄いですね。素晴らしいですね。

未実装なCSSは基本的にシカトしてきましたが、
上手く利用すればこういった技が使えるという事です。

ちゃんとCSSの仕様に目通して見るかーと思いました。

サンプルページ

※Operaでも動作確認できました。
※<span>の中の文字列は半角英数かつ連続した文字列である必要があるっぽいです。