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 に入れて試してください
634fd71dbb3b69ea3c91c9735491bb68
/a>bed06894275b65c1ab86501b08a632eb
t ; ;＆li＆lt;＆lt;

HTML 形式が正しいことを確認するために li で囲みます
25edfb22a4f469ecb59f1190150159c6ee7959cc8dd4be16ef633321c03dac32高速道路監督5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
/li> >> lt;a href = "＆gt; smart transportation＆lt;＆lt;/li＆gt; CSS スタイルを調整して問題を解決しました。ありがとうございます。