IEで正しく表示するために、定義された高さと幅のアイテムのリストを作成するのに問題があります。IEでは、オーバーフローは高さでも幅でも機能せず、クロムではボックスの高さだけが台無しになり、右側のオーバーフローは予想どおりに非表示になります。
jqueryスクリプトを実行して、オーバーフローしたテキストを切り捨てて、高さに収まるようにします。つまり、scrollheightは常に高さと同じであるため、このスクリプトは機能しません。ただし、Chromeでは、行の1つが右（幅）にオーバーフローするとテキストが適切に折り返されないためword-wrap、cssにを追加しても効果がありません。
私はこのフィドルでこの問題に取り組んできました、そして問題のすべての詳細はそこで利用可能であるはずです。
IE9とChrome24でテストしました。
この問題の解決策は、子のdisplay: tableanddisplay: table-cellを削除することでした。このようにして、word-wrapと オーバーフローの両方が IE と Chrome の両方で機能します。また、高さを親の高さと比較するように JavaScript が編集されています。これには、親が指定された高さとオーバーフローを非表示にして機能させる必要があります。
フィドルを編集しました。
編集:ただし、1 つのマイナーな注意: これにより、テキストが垂直方向に中央に配置されなくなります。現在、この問題の修正に取り組んでいます...
編集：わかりました。リスト項目のテキストを垂直方向の中央に配置するソリューションは、良いものではなく、私が誇りに思っているものでもありませんでした。JavaScript を変更して、要素に直接 CSS ルールを追加しました。フィドルを見る