ul li嵌套后IE7 IE6均出错
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里面试下
<ul class="service_list2">
                <li><a href="#">智能交通</a></li>