title: Is it possible to combine background RGB with URL?
body: <p>Is this possible? My code is: </p>
  
  <pre><code>.w-categories li:hover{
    background: rgba(0, 0, 0, 0.1);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;        
  }
  </code></pre>
  
  <p>But when I hover over the <code>li</code> , it removes the side background. </p>
  
  <p>No hover</p>
  
  <p><img src="https://i.stack.imgur.com/8A4en.png" alt="http://screencloud.net/v/x1XU"></p>
  
  <p>On hover</p>
  
  <p><img src="https://i.stack.imgur.com/AzTIs.png" alt="http://screencloud.net/v/fmzr"></p>
  
  <p>Background image: <code>background: url(../images/w_icon_tag.png) no-repeat 5px 10px;</code></p>