title: How to make image hover in css?
body: <p>I want to change the image from normal to brighter when it's on hover, My code:</p>
  
  <pre><code>    &lt;div class="nkhome"&gt;
          &lt;a href="Home.html"&gt;&lt;img src="Images/btnhome.png" /&gt;&lt;/a&gt;
      &lt;/div&gt;
  .nkhome{
      margin-left:260px;
      top:170px;
      position:absolute;
      width:59px;
      height:59px;
  }
  .nkhome a img:hover {
      background:url(Images/btnhomeh.png);
      position:absolute;
      top:0px;
  }
  </code></pre>
  
  <p>Why doesn't work the hover? When my mouse is on it, it shows the first image, not the hover image.</p>