IE9と：/の後にCssのプロパティが発生し、ページが大きくなる

Question

マイクロソフトによると、IE8とIE9は：afterセレクタをサポートしています。このセレクタを使用して、内部のすべての要素がフローティングされている場合、要素に適切な高さを強制します。これにより、設定された高さを指定することなく、背景が適切に表示されます。

私の後のコードは、一般的に次のようになります。

.after:after{ 
    content: '.'; 
    height:0; 
    line-height: 0; 
    display:block; 
    clear:both; 
    visibility:hidden; 
} 

をだから今のバグに。私がいくつか追加したのは、自分のページの後にhttps://spartanstats.com/reach-stats-gamertagとし、ページの中央にあるliの各要素にカーソルを合わせると、IE9は毎回1行ずつページを拡大します。

EDIT：

さらに調査すると：動的に生成されたLI要素のそれぞれのプロパティを置くは、一見問題の根本的な原因です。 liのホバーコードを削除すると、問題が修正されます。もちろん、これは私が望んでいた修正ではありません。私は調査を続けます。

現在、私はこの問題の解決方法を見つけることができません。しかし、私のユーザーは、潜在的にサイトが制御不能になり始めると、そのサイトが嫌になることを知っています！

Answer 1

あなたは

content: ''; 

代わりの

content: '.'; 

要素の後に、あなたの文字を持つと

display: block; 
visibility: hidden; 

を使用するように設定することは、まだ要素がかかることがありますを使用してみましたあなたが使用するときとは違って、ページ上の空きスペース：

display: none; 

私の推測では、：after要素の高さを0に設定していても、 Internet Explorerが不要な高さになる原因となっています。

Answer 2

自分自身でこの問題を抱えています。関連するかもしれませんthis issue

min-height: 0%を含有する要素に適用してください。