html - 为什么我不能在 chrome 中显示这个跨度，但我可以在 FF 中显示？

Question

我有以下CSS：

.views-imagematrix-block .views-field-title .field-content > a .promotedstar {
    position: relative;
    top: -6px;
}
.promotedstar {
    background: url("../img/icons/Star.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    height: 25px;
    padding-bottom: 10px;
    padding-right: 25px;
    position: relative;
    top: 0;
    width: 25px;
}

以及以下html：

<div class="views-field views-field-title">
    <span class="field-content"><a href="/content/gershwins-coffee-house"><span class="promotedstar"></span>&nbsp;Gershwins Coffee House</a></span>
</div>

这在 Firefox 中提供了所需的全部效果，但在 Chrome 中......它显示跨度在 div 之外（左侧），即使溢出也不显示：可见；设置为包含的 div。（跨度似乎没有填充）。我不知道如何补救这个...

Answer 1

它看起来像一个 Chrome 错误。我认为这与 SPAN 为空的事实有关，我在chrome 问题跟踪器中发现了一些相关的错误