IE中的背景图像位置

Question

我想将背景图像设置为我的跨度的右侧和顶部，因为我的语言是从右到左。它在Firefox中很好，但在IE中，不是。 IE中的结果：

结果为FF：
这是我的HTML代码：

<span class="info"><?php echo $GLOBALS['artcount'] . $ArticleCount;?></span> <br />
<span class="info"><?php echo $GLOBALS['artview'] . $ArticleViews;?></span> <br />
<span class="info"><?php echo $GLOBALS['failedlog'] . $FailedLogin;?></span> <br />
<span class="info"><?php echo $GLOBALS['slogin'] . $SLogin;?></span> <br />
<span class="info"><?php echo $GLOBALS['bqncnt'] . $bannedIP;?></span> <br />

和css：

.info{
    direction:rtl;
    text-align:right;
    background: url("/images/info.png") no-repeat;/*  right top ;*/
    background-position:   right top;
    /*display:block;*/
    margin-right: 5px;
    padding-right:20px;


}

我知道如果我取消注释display:block;它会没问题，但我不想这样做。有时我需要内联跨度而不是阻止。

Answer 1

重复上述评论，请尝试display: inline-block。

不确定为什么IE似乎在重复背景图像。进一步测试显示这显然不是问题 - http://jsfiddle.net/BfDQg/