Html 浏览器兼容性问题

我对这个css代码有浏览器兼容性问题

导航{

  display: -webkit-box; 
  -webkit-box-orient:horizontal;    
  padding: 2% 0;    
  border-bottom: 1px solid #e6e6e6;     
  border-top: 1px solid #e6e6e6;        
  margin: 2% 0 2% 0;    

}

导航a{

  font-family: 'GoudyRegular';  
  display:block;    -webkit-box-flex:1;         
  text-align:center;    
  font-size: 1.25;  
  color: #666; 

}

html代码是

<nav>
      <a href="about.html">About</a>
      <a href="#">Blog</a>
      <a href="work.html">Work</a>
      <a href="#">Contact</a>
</nav>

---

它可以在Chrome中显示，但不能在mozilla或internet explorer中显示…请帮助它跨浏览器工作，如下所示：

-webkit盒子方向：水平

-moz盒方向：水平

-ms盒方向：水平

-o形盒方向：水平

盒子方向：水平
-webkit box orient
不适用于Firefox或IE。因此，您需要找到这些浏览器的CSS样式。