Градиент цвета не работает в Firefox

Question

Хорошо, моя проблема в том, что в firefox мой градиент наведения отображается как черный до белого. Черный - это верхний цвет и белый как нижний. Вот код наведения css, который я использую. Это не имеет смысла для меня, потому что я даже не использую цветовые коды для черного или белого. Любая помощь будет принята с благодарностью!

nav a { 
color: #fff; 
background: #b9b9b9; /* Old browsers */ 
background: -moz-linear-gradient(top, #b9b9b9 0%, #616161 99%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(99%,#616161)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #b9b9b9 0%,#616161 99%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #b9b9b9 0%,#616161 99%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #b9b9b9 0%,#616161 99%); /* IE10+ */ 



nav a:hover, nav a:active { 
background: #b9b9b9; /* Old browsers */ 
background: -moz-linear-gradient(bottom, #4f4f4f, #b9b9b9); /* FF3.6+ */ 
background: -webkit-linear-gradient(top, #b9b9b9 0%,#4f4f4f 99%); /* 
background: -o-linear-gradient(top, #b9b9b9 0%,#4f4f4f 99%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #b9b9b9 0%,#4f4f4f 99%); /* IE10+ */ 
background: linear-gradient(to bottom, #b9b9b9 0%,#4f4f4f 99%); /* W3C */ 

Answer 1

Вам не хватает ваших закрывающих брекетов.

Ваш код работает иначе: http://jsfiddle.net/66QQV/

nav a 
{ 
    color: #fff; 
    background: #b9b9b9; /* Old browsers */ 
    background: -moz-linear-gradient(top, #b9b9b9 0%, #616161 99%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(99%,#616161)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #b9b9b9 0%,#616161 99%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #b9b9b9 0%,#616161 99%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #b9b9b9 0%,#616161 99%); /* IE10+ */ 
} 


nav a:hover, nav a:active 
{ 
    background: #b9b9b9; /* Old browsers */ 
    background: -moz-linear-gradient(bottom, #4f4f4f, #b9b9b9); /* FF3.6+ */ 
    background: -webkit-linear-gradient(top, #b9b9b9 0%,#4f4f4f 99%); /* 
    background: -o-linear-gradient(top, #b9b9b9 0%,#4f4f4f 99%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #b9b9b9 0%,#4f4f4f 99%); /* IE10+ */ 
    background: linear-gradient(to bottom, #b9b9b9 0%,#4f4f4f 99%); /* W3C */ 
} 

Это предполагает, что вы собираетесь положить <a> элемент внутри элемента <nav> ... если ты имел в виду, чтобы это было класс или идентификатор (например как <span class="nav"> или <div id="nav">), вам нужно вместо этого использовать .nav или #nav.