title: CSS3 linear gradient not working properly on Firefox
body: <p>I created the CSS linear gradient code with Adobe FireWorks CS6. My grandient is supposed to be light blue at the top and dark blue at the bottom, on Chrome and safari it's all good, but on Firefox it is dark blue on the left and light blue on the right. I am new to html and CSS so I have no idea what could be wrong... I tried to change the -90deg to 90deg, 0deg, etc.. but nothing happens.. HELP!!!!</p>
  
  <pre><code>color: #FFF;
  /* Firefox v3.6+ */
  background-image: -moz-linear-gradient(50% 0% -90deg,rgb(101,165,227) 1%,rgb(0,78,157) 99%);
  /* safari v4.0+ and by Chrome v3.0+ */
  background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0.01, rgb(101,165,227)),color-stop(0.99, rgb(0,78,157)));
  /* Chrome v10.0+ and by safari nightly build*/
  background-image: -webkit-linear-gradient(-90deg,rgb(101,165,227) 1%,rgb(0,78,157) 99%);
  /* Opera v11.10+ */
  background-image: -o-linear-gradient(-90deg,rgb(101,165,227) 1%,rgb(0,78,157) 99%);
  /* IE v10+ */
  background-image: -ms-linear-gradient(-90deg,rgb(101,165,227) 1%,rgb(0,78,157) 99%);
  background-image: linear-gradient(-90deg,rgb(101,165,227) 1%,rgb(0,78,157) 99%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff65a5e3,endColorstr=#ff004e9d,GradientType=0)";
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff65a5e3,endColorstr=#ff004e9d,GradientType=0);
  line-height: 60px;
  height: 60px;
  </code></pre>