css - Chrome で背景が表示されない線形グラデーションの CSS ナビゲーション バー

Question

フィドル

私は個人サイトで作業しており、ナビゲーション バーのスタイル設定に線形グラデーションを使用しています。ただし、Firefox での作業中に Chrome でスタイルが崩れます。Chrome では、メインのナビゲーション バーの配色は白で、ホバーするとテキストが消えます。

nav ul {
  background: -moz-linear-gradient(center top , #EFEFEF 0%, #BBBBBB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(center top , #EFEFEF 0%, #BBBBBB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -o-linear-gradient(center top , #EFEFEF 0%, #BBBBBB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);

  .. other style settings

}

この CSS を Chrome 互換にするには、どのような変更を加える必要がありますか?