html - 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;
 }