ナビゲーションメニューcssスタイリングサブメニューギャップがie7

Question

私はWordpressによって生成されたナビゲーションメニューを持っています。つまり、出力方法をほとんど制御できません。

私はon-hoverサブメニューでそれをスタイルするためにCSSを使用しましたが、IE7では目に見えます。他のブラウザでは問題ありません。

私のウェブサイトには@fontfaceを使用していますが、jsFiddleには含まれていないため、メインメニューが表示されることがあります。主な問題は、サブメニュー項目間のギャップです。

サブメニューliとaを縦に並べて表示しようとしましたが、問題が改善されなかったか、問題が解決されませんでした。

私はここでの問題を複製しています：[リンクを削除]

---

私は

#menu-header .sub-menu a { height: 100%; } 

を追加した場合には垂直方向のギャップの問題を修正しませんが、項目は、もはや同じ幅です。

Answer 1

あなたは次のことを試すことができます。

#menu-header .sub-menu a { zoom: 1; } 

このギャップを削除しますが、項目は、内部コンテンツと同じ幅になります。

私は以前も同じ問題を抱えていました。私がしたことは、liの中にコンテナdivを作成することでした。より長いテキストを折り返して静的な幅を設定することができます。 jQueryを使って、各ドロップダウンの幅を動的に調整することもできますが、それはまったく別の話です。

少数の参照：すべてのメソッドチェック

http://work.arounds.org/issue/20/removing-gaps-between-list-items-containing-anchor/

http://www.456bereastreet.com/archive/200610/closing_the_gap_between_list_items_in_ie/

http://www.belafontecode.com/3-ways-to-get-rid-of-spaces-in-list-item-navigation-in-ie6/