我的彩色div显示在chrome中但不在firefox中

Question

我的页面上有一个空div，它居中并且只填充了一种颜色。编码时我使用firefox作为我的测试浏览器。我有问题让div出现，当我在chrome中检查它时，似乎没有问题。现在它只出现在chrome中。我不确定它是否是一个需要使用的简单扩展或我的代码是错误的。我的代码和css发布在下面。任何建议都有帮助，因为这会让人感到沮丧。

div.slider {
    background-color:#78A9AD;
    width: 15vw; 
    height: 25vw;
    clear:left;
    left: 0;
    margin: auto;
    margin-top:60px;
    position: absolute;
    top: 50%;
    width: 100%;
}

HTML：

<div class="slider" >

</div>