CSS浏览器外观不一致

Question

我希望CSS元素的方式应该出现在firefox上，但不适用于chrome和IE。

链接屏幕截图比较如下

http://postimg.org/image/3sjfgyjzh/

基本上我有四个内联li是图像，当在chrome或IE中查看时，当有足够的空间来容纳所有元素时，四个中的第三个落到一个新行上。

希望有人可以提供帮助，谢谢：）

 #footer-nav {
     background: #999;
     /* for non-css3 browsers */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0E63AD', endColorstr='#0E63AD');
     /* for IE */
     background: -webkit-gradient(linear, left top, left bottom, from(#5FAFF5), to(#0E63AD));
     /* for webkit browsers */
     background: -moz-linear-gradient(bottom, #0E63AD, #5FAFF5);
     /* for firefox 3.6+ */
     padding-top: 0px;
     padding-bottom: 14px;
     margin: 0px !important;
     position: absolute !important;
     bottom: 20px !important;
     right: 0px !important;
     left: -9px !important;
 }
 .nav-menu li {
     display:inline;
     margin-left: 16px;
     /*padding-left: 8px;*/
     right: 0px;
 }