浮动一个人：在IE10 / 9之后

Question

我试图浮动一个li：之后，其中包含一个背景元素。 它适用于Mac上的每个浏览器，以及Win，EXCEPT IE上的每个浏览器。 我尝试改变显示和浮动等参数，但这不起作用。

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之后的浮动。