title: CSS: Background-image not showing
body: <p>What am I doing bad?</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>.submit{
  padding-left:10px;
  margin:0;
  border:0;
  outline: 0;
  height:32px;
  padding-right:32px;
  }
  .green-btn {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#61A801), to(#8CC400));
  background: -webkit-linear-gradient(top, #8CC400, #61A801);
  background: -moz-linear-gradient(top, #8CC400, #61A801);
  background: -ms-linear-gradient(top, #8CC400, #61A801);
  background: -o-linear-gradient(top, #8CC400, #61A801);
  color: #fff;
  font-family: verdana;
  font-size: 13px;
  font-weight: normal;
  border-radius:5px;
  }
  .clipboard{
  background-image: url(http://cdn1.iconfinder.com/data/icons/opensourceicons/32/Scissors.png) no-repeat right center;
  }
  ​
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;input type="submit" value="Copy" class="submit green-btn clipboard"&gt;​
  </code></pre>
  
  <p><strong>JSFiddle:</strong> <a href="http://jsfiddle.net/77NYA/" rel="nofollow">http://jsfiddle.net/77NYA/</a></p>