メニューに少し問題があり、答えが見つからないようです。私は見つけた解決策のほとんどを試しましたが(少し関連していても)、IE7で修正することはできません。
私のメニューは、すべての最新のブラウザー(IE7を除く)で完全に機能しますが、それでも機能を維持する必要があります。サブメニューのスクリーンショットを添付しました(これが問題を引き起こしています)。LI間の小さな白いギャップを見てください。プライバシー保護のため、すべてのテキストを非表示にしました。
HTMLは次のとおりです。
<ul id="header_menu" class="do-not-print">
<li><a href="#">Test</a></li>
<li class="current_page_item"><a href="#">Test 2</a>
<ul class="children">
<li><a href="#">Subtest 1</a></li>
<li><a href="#">Subtest 2</a></li>
<li><a href="#">Subtest 3</a></li>
<li><a href="#">Subtest 4</a></li>
<li><a href="#">Subtest 5</a></li>
<li><a href="#">Subtest 6</a></li>
</ul>
</li>
<li><a href="#">Test 3</a></li>
<li><a href="#">Test 4</a></li>
<li><a href="#">Test 5</a></li>
<li><a href="#">Test 6</a></li>
<li><a href="#">Test 7</a></li>
</ul>
そしてこれが私のCSSです:
#header_menu {position: absolute; bottom: 0; left: 0; height: 38px; width: 100%; margin: 0; padding: 0; z-index: 300;}
#header_menu li {position: relative; background-color: #0022a3; list-style-type: none; font-size: 1em; margin: 0; display: block;}
#header_menu li a {color: #fff; text-decoration: none; margin: 0; display:block;}
#header_menu > li {float:left; border-right:1px solid #001871; border-top:1px solid #001871; border-bottom:1px solid #001871;}
#header_menu > li:first-child {border-left:1px solid #001871;}
#header_menu > li:last-child .children {right: 1px; left: auto;}
#header_menu > li > a {font-size:18px; line-height:38px; padding: 0; text-align: center; padding: 0 29px;}
#header_menu li:hover > a, #header_menu li.current_page_item > a, #header_menu li.current_page_ancestor > a {background-color:#0030e6;}
#header_menu li:hover .children {display:block;}
#header_menu .children {display: none; position: absolute; top: 39px; left: 0; width: 225px; z-index: 400;}
#header_menu .children li {width: 100%; border-bottom: 1px solid #001871; border-left: 1px solid #001871; border-right: 1px solid #001871;}
#header_menu .children li a {font-size: 16px; line-height:20px; padding: 6px 29px; text-align: left;}
私のCSSの何が問題になっているのか考えていますか?数時間頭をかいてる…:S
ありがとう!