Polymer 聚合核心图标不是在Firefox上显示，而是在Chrome上显示

我面临一个奇怪的问题，聚合物核心图标。以下是我的片段：

。。。
...
...
...
粗体字！
我的第一张带有核心图标的明信片元素
核心图标在Firefox上未正确呈现…请帮助

好的。我成功了

正是CSS在Chrome和Firefox中的工作方式不同。我在CSS for post card元素中设置了一个背景属性#ffffff，它竟然与Firefox上的图标重叠！当我将bacground属性设置为“无”时，图标在两种浏览器中都会显示良好

：主机{
/*背景：#ffffff*/
背景：无；
位置：相对位置；
填充：0；
字号：1.2rem；
边缘底部：8px；
盒影：2px2px2p8888；
@包括响应（手持设备）{宽度：100%；清除：两者；显示：块！重要；背景：#ccff00；}
@包括响应（中等屏幕）{宽度：30%；浮动：左侧；背景：#dddddd；}
@包括响应（宽屏幕）{width:25%；float:left；}
保证金：5px；
}