html - CSS IE 显示双列表样式图标

Question

我在使用 Internet Explorer（所有版本）在 UL 中显示 2 种类型的列表样式图标时遇到问题。这仅在 Firefox、Chrome 和 Safari 的 IE 中发生，它仅显示指定的列表样式，无论它是普通的文本字符串还是超链接。这是 html 和 CSS 的样子：

#altslider dd {
    margin-top: 16px;
    margin-left: 0;
    display: list-item;
    list-style:url(../images/altbullet.png);
    font-size: 17px;
    color: #333;
}

#altslider dd a {
    margin-top: 16px;
    display: list-item;
    list-style:url(../images/altlinkbullet.png);
    color: #000068;
    text-decoration: none;
}

这是HTML：

<dl>
    <dd><a href="javascript:submitComment()" class="mynext">创建提供思科产品、服务和解决方案的品牌网络商店&lt;/a></dd>
    <dd><a href="javascript:submitComment()" class="bullet2">搜索并投标待完成 IT 项目</a></dd>
    <dd><a href="javascript:submitComment()" class="bullet3">管理账户并追踪交易&lt;/a></dd>
</dl>

<dl>
    <dd>建立一个思科产品、服务和解决方案的产品组合&lt;/dd>
    <dd>为产品、服务和解决方案定价</dd>
    <dd>管理公司简档和产品营销细节</dd>
</dl>