IE7順序なしリストのz-インデックス

Question

次の例は、トップナビゲーションの非常に単純化されたバージョンです。

http://jsfiddle.net/AEqxT/

あなたは、ほとんどのブラウザで見る場合は、青色のボックスまたは「バッジ」は2つの間のギャップを埋める、上に座って、次お互いに2つの緑色のリスト項目が表示されます。 IE7では、青いボックスは常に第2のliの下に落ちます。私はこれにすべてのやり方で修正を試みました。親ulに高いZインデックスを設定しても何も変わらず、position: relative;を「バッジ」に使用すると、幅と高さが失われます。

私には明らかな修正がありますか？

Answer 1

あなたはおそらく、LIとのあなたのバッジと格闘、リストからそれを取ると、あなたが位置をいじりのビットで、[OK]をする必要があります：

http://jsfiddle.net/AEqxT/2/

あなたは絶対にしている場合LIでそれを持っているなら、あなたはおそらくこの仕事をするためにいくつかのJSを持たなければならないでしょう。

Answer 2

これはreported IE7 bugです。

あなたはthis questionに投稿されたJSソリューションでそれを修正することができ、または手動でハイからローの値に命じたすべての<li>要素に異なるのzインデックスを設定することができます：私があなたのアイデアを気に入っ

http://jsfiddle.net/AEqxT/3/