title: Bad looking linear gradient at Firefox
body: <p>I'm giving my  a linear gradient but in Firefox, even new versions, what I get is something like bars of solid color building the gradient. This is what's in my CSS:</p>
  
  <pre><code> background-color: #d3d3d3;
   background-repeat: repeat-x;
   background: -moz-linear-gradient(top, rgba(145,145,142,1) 0%, rgba(253,253,253,1) 99%);
   background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#fcfcfc));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3',endColorstr='#fcfcfc');
   background: -o-linear-gradient(rgb(211,211,211),rgb(253,253,253));
  </code></pre>