ul li がnested_html/css_WEB-ITnoseになった後、IE7およびIE6でエラーが発生する

IE は CSS LI と互換性があります

HTML コードは次のとおりです:

            <ul class="service_list2">                <li><a href="#">智能交通</a></li>                <li><a href="#">公路监理</a></li>                <li><a href="#">道路检测</a></li>                <li><a href="#">桥梁隧道检测</a></li>                       <ul class="service_list3">                          <li><a href="#">智能交通</a></li>                          <li><a href="#">公路监理</a></li>                          <li><a href="#">道路检测</a></li>                       </ul>                <li><a href="#">环境检测</a></li>                <li><a href="#">工程计咨询</a></li>                </ul>

CSS コードは次のとおりです:

ul.service_list2 li {	text-align: left;	line-height: 25px;	height: 30px;	background-image: url(../images/submenu_bg.gif);	padding-left: 65px;	background-repeat: no-repeat;	background-position: center center;	padding-top: 5px;	font-weight: bold;	font-size: 14px;	zoom:1;} ul.service_list3 li {	line-height: 25px;	height: 30px;	padding-left: 60px;	background-image: url(../images/submenu3_bg.gif);	font-size: 12px;	font-weight: normal;	background-repeat: no-repeat;	background-position: 45px;	zoom:1;}

IE8 での効果は次のとおりです。IE8 での効果はデザインの本来の意図です


IE7 は以下でブロックされています


IE6 はさらに大げさです



困惑しているので助けていただきたいです。どうもありがとうございます。

ディスカッションへの返信（解決策）

赤い部分を li に入れて試してください

/a>
t ; ;＆li＆lt;＆lt;

HTML 形式が正しいことを確認するために li で囲みます


• 高速道路監督

/li> >> lt;a href = "＆gt; smart transportation＆lt;＆lt;/li＆gt; CSS スタイルを調整して問題を解決しました。ありがとうございます。