title: span image hover in css?
body: <p>Hello friends. I want to change the image on hover but my code is not working.</p>
  
  <p>Code so far </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;style&gt;
  a.rollover span.displace {
      display: block;
      width: 150px;
      height: 44px;
      text-decoration: none;
      }
  
  a.rollover span.displace img:hover {
      background: url("images/red.png");
      display: block;
      }
  
  
  &lt;/style&gt;
  &lt;body&gt;
  &lt;a href="#" class="rollover" title="Webvamp"&gt;&lt;span class="displace"&gt;&lt;img src="images/blue.png"/&gt;&lt;/a&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any help is highly appreciated...</p>