IE6到IE8 <ul> <li>乱序显示问题。请帮忙</li> </ul>

时间:2010-10-02 07:26:42

标签: internet-explorer-8 internet-explorer-6

我在IE6和IE8中出现乱序显示问题。 以下是IE6和IE8中的输出截图: http://img707.imageshack.us/img707/1875/61807760.jpg

以下是我的HTML代码:

<div>
<div style="width: 280px; float: left; height: 220px; background:url(images/content_box.gif) no-repeat; text-align: left; padding-left: 20px; padding-top: 20px;">
<div class="cont_featr"><div class="cont_txt"><b>Features</b></div></div>
<hr class="container_hr" align="center">
<div style="text-align: left;margin-left: 15px;">
<ul class="as_ul">
<li class="as_li">Immediate/Cron based delivery.</li>
<li class="as_li">Multilanguage support.</li>
<li class="as_li">Auto integration to any Joomla, vBulletin style.</li>
</ul>
</div>
</div>
</div>

以下是CSS代码:

.as_ul {
list-style: none url(images/tick.gif);    
list-style-position:outside;    
border: 1px solid #f00;
}
.as_li {
FONT-SIZE: 10pt;
FONT-FAMILY: Verdana, Sans-Serif;
background-image: url(images/tick.gif) no-repeat;
border: 1px solid #0f0;
}
.container_hr {
color: #888888;
background-color: #888888;
height: 0.8px;
border: 0;
width: 85%;
text-align: center;
}
.cont_featr {
background: url(images/featurs.png) no-repeat;
width: 40px; height: 40px;
}
.cont_txt {
FONT-SIZE: 11pt;
padding-left: 50px;
padding-top: 10px;
}

请帮忙。

1 个答案:

答案 0 :(得分:1)

尝试提供.as_li.as_ul属性/值zoom:1