为什么ie6出现多余的空白

[aip00]

这是我的html代码， ie6浏览时，在line上面出现一段空白，没找到解决办法。
<ul>
<li class="job_lifont">
<p><a href="#">[深圳]</a><a class="orange_a02" href="#"> 财务总监1名<span>(面议)</span></a></p>
<p><a href="#">[深圳]</a><a class="orange_a02" href="#"> 设计人员11名<span>(面议)</span></a></p>
<p><a href="#">[深圳]</a><a class="orange_a02" href="#"> 设计人员11名<span>(面议)</span></a></p>
</li>
<li class="job_liline"></li>
</ul>

 ul{ width:700px; margin:0 auto; height:auto;}
 ul li{ width:700px;}
 ul li p{ background:url(job_dian.gif) 0 16px no-repeat; float:left; width:213px; padding:10px;}
 ul li.job_liline{ background:url(xuline.gif) repeat-x; width:700px; height:1px; overflow:hidden; margin:0 auto; clear:left;}

[ajccom]

line指<li class="job_liline"></li>这个么？
ul li.job_liline{...;font-size:1px;line-height:1px;overflow:hidden}

这样应该行了

[乌镇程序员]

ul li.job_liline { margin-top:-20px; }