html - 浮安里的:after right in IE10/9

Question

我正在尝试 float 一个 li 的 :after，它包含一个背景元素。它适用于 Mac 上的每个浏览器，以及 Win 上的每个浏览器，IE 除外。我尝试更改显示和 float 等参数，但这不起作用。

CSS:

ul.nav li a:after { 
    background: url(images/nav_icon.png) no-repeat; 
    width: 8px; 
    height: 5px; 
    font-weight: 400; 
    content: ""; 
    display: block; 
    float: right; 
    margin: 8px 0 0 6px; 
}

这是正确的样子:

IE 的作用如下:

我很感激任何帮助。我唯一发现谷歌搜索的是 IE7 的 clearfix 技巧，与那个愚蠢的浏览器如何解释选择器无关。

Answer 1

解决了使用包含 display: inline-block 的条件注释并删除 :after 的 float 。