IE7 overflow:hidden bug

問題のようです.
IE 7では、あるブロックレベルの要素に対してoverflow:hiddenが設定されており、その要素が露出している部分は隠すことができない.
ネット上の解決策は、この要素の上位要素CSS属性にposition:relativeの属性を追加することです.これで正常に表示されます.
改行しない場合は、超過部分はcssを使用して非表示にし、省略記号を表示します.
次の3行を追加する必要があります.

text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;