我不能让div在Firefox中显示出来

Question

我正在构建一个即将推出的页面，我在页面中间插入一个计数器，在Internet Explorer和chrome上正常工作，但是当我使用Firefox时，浏览器无法显示计数器div内联，什么我做错了吗？

火狐

铬

HTML代码

#line = wrapper
#square = counter elements wrapper

 <div id="line">
    <!-- Counter -->
    <div id="days" class="square backdays"></div>
    <div id="hrs" class="square backhrs"></div>
    <div id="min" class="square backmin"></div>
    <div id="sec" class="square backsec"></div>
  </div>

CSS

行代码：

#line{
    position: fixed;
    display: table;
    margin: 0 auto;
    margin-top: -20px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
}

方码

.square {
    width: 210px;
    height: 226px;
    float: left;
}

元素（标题，计数器，订阅区域）都位于中间。

我做错了什么？

Answer 1

我更改了行代码，现在正在使用

  position:fixed;
  z-index: 100;  
  top:45%;  
  left:50%;  
  margin:-100px 0 0 -460px;  
  width:100%;  

我不再使用百分比了