html - CSS ブラウザの外観に一貫性がない

Question

CSS 要素を表示する方法は、Firefox では機能しますが、Chrome や IE では機能しません。

スクリーンショットの比較へのリンクは以下のとおりです

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

基本的に、私は画像である 4 つのインライン li を持っています。クロムまたは IE で表示すると、すべての要素に収まる十分なスペースが明確にある場合、4 つのうち 3 番目が新しい行になります。

うまくいけば、誰かが助けてくれます、ありがとう:)

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