title: Background-image with background-gradient
body: <p>I'm trying to add a logo to one button that is styled with gradient, but the background-image "delete" the background color...</p>
  
  <p>Here is the fiddle: <a href="http://jsfiddle.net/FDXy5/" rel="nofollow">http://jsfiddle.net/FDXy5/</a> and below is the current tet .css.</p>
  
  <pre><code>.rounded-orange-button {
  text-align: center;
  color: #FFFFFF;
  display: inline-block;
  border-radius: 2px;
  line-height: 27px;
  width: 200px;
  position: relative;
  background: #FF9100;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF9100) to(#FA6800));
  background: -webkit-linear-gradient(top, #FF9100, #FA6800);
  background: -moz-linear-gradient(top, #FF9100, #FA6800);
  background: -o-linear-gradient(top, #FF9100, #FA6800);
  background: linear-gradient(to bottom, #FF9100, #FA6800);
  -pie-background: linear-gradient(to bottom, #FF9100, #FA6800);
  }
  
  .logo-edit{
      background-image: url('http://www.w3schools.com/cssref/smiley.gif');
      background-repeat:no-repeat;
  }
  </code></pre>
  
  <p>Thanks to help me :-)</p>